Modified nav links dropdown for smaller screen sizes

stakater · Sep 19, 2024 · ebf7cf2 · ebf7cf2
1 parent 63027b3
commit ebf7cf2
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 10 deletions.
diff --git a/resources/partials/nav-links.html b/resources/partials/nav-links.html
@@ -148,29 +148,31 @@
         }
 
         .dropdown-content-column-title {
-            font-size: 12px;
+            font-size: 8px;
             font-weight: 600;
             color: #EA7845;
         }
 
         .dropdown-content-anchor-container {
-            margin: 0.5rem 0;
+            margin: 0.3rem 0;
         }
 
         .dropdown-item-link-text {
-            font-size: 10px;
+            font-size: 8px;
         }
 
         .dropdown-content-dev-links {
             width: 100%;
+            margin: 0.2rem 0;
+            padding: 0px;
         }
 
         .dropdown-content-dev-links-anchor-container {
             margin: 0.5rem 0;
         }
 
         .dropdown-content-dev-links-anchor {
-            font-size: 12px;
+            font-size: 10px;
         }
     }
 
@@ -208,29 +210,31 @@
         }
 
         .dropdown-content-column-title {
-            font-size: 12px;
+            font-size: 10px;
             font-weight: 600;
             color: #EA7845;
         }
 
         .dropdown-content-anchor-container {
-            margin: 0.5rem 0;
+            margin: 0.3rem 0;
         }
 
         .dropdown-item-link-text {
-            font-size: 10px;
+            font-size: 8px;
         }
 
         .dropdown-content-dev-links {
             width: 100%;
+            margin: 0.2rem 0;
+            padding: 0px;
         }
 
         .dropdown-content-dev-links-anchor-container {
             margin: 0.5rem 0;
         }
 
         .dropdown-content-dev-links-anchor {
-            font-size: 12px;
+            font-size: 10px;
         }
     }
 
@@ -283,6 +287,8 @@
 
         .dropdown-content-dev-links {
             width: 100%;
+            margin: 0.2rem 0;
+            padding: 0px;
         }
 
         .dropdown-content-dev-links-anchor-container {
@@ -310,6 +316,10 @@
         .offerings-dropdown {
             width: auto;
         }
+
+        .dropdown-item-link-text {
+            font-size: 14px;
+        }
     }
 </style>
 

diff --git a/resources/stylesheets/extra.css b/resources/stylesheets/extra.css
@@ -175,7 +175,6 @@
     .dropdown-item-link-text {
         color: white;
         cursor: pointer; 
-        font-size: 14px; 
         font-weight: 400; 
     }
 
@@ -299,7 +298,6 @@
     .dropdown-item-link-text {
         color: black;
         cursor: pointer; 
-        font-size: 14px; 
         font-weight: 400; 
     }