Merge pull request #75 from stuartmaxwell/dev

stuartmaxwell · Jun 20, 2024 · 1647f71 · 1647f71
2 parents 65a0bc6 + 04738a5
commit 1647f71
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 4 deletions.
diff --git a/static/css/styles.css b/static/css/styles.css
@@ -10,10 +10,28 @@
   }
 }
 
+@media (max-width: 768px) {
+  .hide-at-s {
+    display: none;
+  }
+}
+
 .highlight pre {
   background-color: #2e3440;
 }
 
 span[role="group"] {
   width: auto;
 }
+
+/* Tighter margins in the navbar when really small */
+@media (max-width: 400px) {
+  nav ul li {
+    padding: var(--pico-nav-element-spacing-vertical) 0.25em;
+  }
+}
+
+/* Prevent going smaller than 360px */
+body {
+  min-width: 320px;
+}
diff --git a/static/css/styles.min.css b/static/css/styles.min.css
diff --git a/templates/snippets/navbar.html b/templates/snippets/navbar.html
@@ -11,16 +11,16 @@
     {% if user.is_authenticated %}
       <li>
         <a role="button" class="outline" href="{% url 'admin:index' %}">
-          {% include "svg/house-gear.svg" %} Admin</a>
+          {% include "svg/house-gear.svg" %}<span class="hide-at-s"> Admin</span></a>
       </li>
     {% endif %}
     <li>
       <a rel="me" role="button" class="outline" href="https://fosstodon.org/@stuartm">
-        {% include "svg/mastodon.svg" %} @stuartm</a>
+        {% include "svg/mastodon.svg" %}<span class="hide-at-s">  @stuartm</span></a>
     </li>
     <li>
       <a role="button" class="outline" href="{% url 'djpress:rss_feed' %}">
-        {% include "svg/rss-fill.svg" %} RSS</a>
+        {% include "svg/rss-fill.svg" %}<span class="hide-at-s">  RSS</span></a>
     </li>
   </ul>