cv-website

commit 6d01d079885f7943ee0d7dfc3d1d510e3165d604
parent d6ab30a343bd234b5ee39f9659e4ac96152ad64e
Author: Andreas Gruhler <agruhl@gmx.ch>
Date:   Sat,  8 Jan 2022 21:54:19 +0100

feat(navbar): hide text on small screens

Diffstat:
M
_includes/nav.html
 | 
10
+++++-----
M
assets/scss/_layout.scss
 | 
7
+++++++

2 files changed, 12 insertions(+), 5 deletions(-)
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -3,11 +3,11 @@
   <div class="container">
     <h1 class="logo"><a href="{{ '/' | relative_url }}">{{ site.title_left }}<span>{{ site.title_right }}</span></a></h1>
     <ul class="navbar">
-      <li><a href="{{ '/about' | relative_url }}">{% octicon person %} about</a></li>
-      <li><a href="{{ "/feed.xml" | relative_url }}" target="_blank">{% octicon rss %} rss</a></li>
-      <li><a href="https://codeberg.org/in0rdr">{% octicon repo %} codeberg</a></li>
-      <li><a href="https://github.com/in0rdr">{% octicon mark-github %} github</a></li>
-      <li><a href="https://diary.in0rdr.ch">{% octicon book %} diary</a></li>
+      <li><a href="{{ '/about' | relative_url }}">{% octicon person %}<span> about</span></a></li>
+      <li><a href="{{ "/feed.xml" | relative_url }}" target="_blank">{% octicon rss %}<span> rss</span></a></li>
+      <li><a href="https://codeberg.org/in0rdr">{% octicon repo %}<span> codeberg</span></a></li>
+      <li><a href="https://github.com/in0rdr">{% octicon mark-github %}<span> github</span></a></li>
+      <li><a href="https://diary.in0rdr.ch">{% octicon book %}<span> diary</span></a></li>
     </ul>
   </div>
 </nav>
diff --git a/assets/scss/_layout.scss b/assets/scss/_layout.scss
@@ -299,4 +299,11 @@ hr {
       color: $blue-color;
     }
   }
+
+  .navbar {
+    a span {
+      /* hide text on small screens, display only octicon */
+      display: none;
+    }
+  }
 }