Add responsive width to the header

qgis · Jan 18, 2024 · 57fa714 · 57fa714
1 parent 46662d5
commit 57fa714
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 9 deletions.
diff --git a/themes/hugo-bulma-blocks-theme/assets/css/menu.css b/themes/hugo-bulma-blocks-theme/assets/css/menu.css
@@ -1,9 +1,10 @@
-.is-active > a > span,
-.is-active > span {
-    border-bottom: solid #589632 3px;
-    margin-bottom: -3px;
+@media screen and (min-width: 1024px) {
+    :root {
+        --qg-nav-max-width: 960px;
+    }
 }
-
-.is-semi-transparent {
-    opacity: 0.9;
+@media screen and (min-width: 1408px) {
+    :root {
+        --qg-nav-max-width: 1344px;
+    }
 }
diff --git a/themes/hugo-bulma-blocks-theme/layouts/partials/header.html b/themes/hugo-bulma-blocks-theme/layouts/partials/header.html
@@ -190,7 +190,7 @@
         <script
             crossorigin=""
             type="application/javascript"
-            src="https://konturio.github.io/qgis-uni-navigation/assets/index-i_NTdOdX.js"
+            src="https://konturio.github.io/qgis-uni-navigation/assets/index-kMOEp_IW.js"
         ></script>
     </head>
 

diff --git a/themes/hugo-bulma-blocks-theme/layouts/partials/menu.html b/themes/hugo-bulma-blocks-theme/layouts/partials/menu.html
@@ -1 +1,4 @@
-<qg-top-nav class="is-highest navbar is-fixed-top"></qg-top-nav>
+<qg-top-nav
+    breakpoint="1024"
+    class="is-highest navbar is-fixed-top"
+></qg-top-nav>