fix: adjust width of dropdown items in collapsed navbar

Author: markdumay

exampleSite/hugo_stats.json

@@ -245,6 +245,9 @@
       "fa-activity",
       "fa-address-card",
       "fa-angle-left",
+      "fa-angle-right",
+      "fa-angles-left",
+      "fa-angles-right",
       "fa-arrow-left",
       "fa-arrow-right",
       "fa-bootstrap",
@@ -656,11 +659,21 @@
       "docs",
       "documentation",
       "dropdown-nav-0",
-      "dropdown-panel-2e98fd5a617bc9e213337515ea1528c6",
-      "dropdown-panel-45d00f1c6ae3778bbddcbcb56c89baaa",
-      "dropdown-panel-9fc1061147cf25884324ef32e623bcba",
-      "dropdown-panel-c5f7e0b8c504be370e3c6c9975542f24",
-      "dropdown-panel-ec3cb0398230db5370df4fe880887b0c",
+      "dropdown-panel-01903ba17af95824def84bc35a6e3306",
+      "dropdown-panel-05e5e9179a23b45d817c9b09fc485653",
+      "dropdown-panel-09f43aa502c781608dd9f2b0cb98a906",
+      "dropdown-panel-0c5fed3ccca7e8ab9efc12bf85a85305",
+      "dropdown-panel-273c297242d64290bec92af244e3a961",
+      "dropdown-panel-35371b9cfdf9b080c6520e1934d35220",
+      "dropdown-panel-46e8c254518572ba99d235e25c7f3b0f",
+      "dropdown-panel-834ebde9525f9a0ef2c057535e4cb999",
+      "dropdown-panel-90aa3b6d152bd4d1935dab4e75816aa2",
+      "dropdown-panel-9521a860a7e5a4705af6e032020e20ad",
+      "dropdown-panel-b282e4a4197cfc522046f7a07249b76b",
+      "dropdown-panel-ba2723c30ccb0a23594b530ac3b34278",
+      "dropdown-panel-eb5038cdf97e98e540b83f69918e30db",
+      "dropdown-panel-eb7776fb2d7c366115b0f577a8c045e5",
+      "dropdown-panel-f9855139b07c94a96b537f05234ef8a0",
       "elements-type",
       "entity-relationship-diagram",
       "example",
@@ -678,16 +691,29 @@
       "fab-medium",
       "fab-whatsapp",
       "fab-x-twitter",
-      "faq-132eae119029dc0f3213498a314feecb",
-      "faq-132eae119029dc0f3213498a314feecb-heading-faq-132eae119029dc0f3213498a314feecb",
-      "faq-132eae119029dc0f3213498a314feecb-item-0",
-      "faq-132eae119029dc0f3213498a314feecb-item-1",
-      "faq-132eae119029dc0f3213498a314feecb-item-2",
+      "faq-8ef77215c152ca7f31aedf36f49b8e03",
+      "faq-8ef77215c152ca7f31aedf36f49b8e03-heading-faq-8ef77215c152ca7f31aedf36f49b8e03",
+      "faq-8ef77215c152ca7f31aedf36f49b8e03-item-0",
+      "faq-8ef77215c152ca7f31aedf36f49b8e03-item-1",
+      "faq-8ef77215c152ca7f31aedf36f49b8e03-item-2",
+      "faq-bb38a13793cb37518c264c48ff8fef32",
+      "faq-bb38a13793cb37518c264c48ff8fef32-heading-faq-bb38a13793cb37518c264c48ff8fef32",
+      "faq-bb38a13793cb37518c264c48ff8fef32-item-0",
+      "faq-bb38a13793cb37518c264c48ff8fef32-item-1",
+      "faq-bb38a13793cb37518c264c48ff8fef32-item-2",
+      "faq-e9d1a15ee6cb8a842073a46c06255ebd",
+      "faq-e9d1a15ee6cb8a842073a46c06255ebd-heading-faq-e9d1a15ee6cb8a842073a46c06255ebd",
+      "faq-e9d1a15ee6cb8a842073a46c06255ebd-item-0",
+      "faq-e9d1a15ee6cb8a842073a46c06255ebd-item-1",
+      "faq-e9d1a15ee6cb8a842073a46c06255ebd-item-2",
       "fas-1",
       "fas-2",
       "fas-3",
       "fas-address-card",
       "fas-angle-left",
+      "fas-angle-right",
+      "fas-angles-left",
+      "fas-angles-right",
       "fas-arrow-left",
       "fas-arrow-right",
       "fas-chevron-right",
@@ -774,11 +800,21 @@
       "nav-0-btn-1",
       "nav-0-btn-2",
       "nav-nav-0",
-      "nav-panel-2e98fd5a617bc9e213337515ea1528c6",
-      "nav-panel-45d00f1c6ae3778bbddcbcb56c89baaa",
-      "nav-panel-9fc1061147cf25884324ef32e623bcba",
-      "nav-panel-c5f7e0b8c504be370e3c6c9975542f24",
-      "nav-panel-ec3cb0398230db5370df4fe880887b0c",
+      "nav-panel-01903ba17af95824def84bc35a6e3306",
+      "nav-panel-05e5e9179a23b45d817c9b09fc485653",
+      "nav-panel-09f43aa502c781608dd9f2b0cb98a906",
+      "nav-panel-0c5fed3ccca7e8ab9efc12bf85a85305",
+      "nav-panel-273c297242d64290bec92af244e3a961",
+      "nav-panel-35371b9cfdf9b080c6520e1934d35220",
+      "nav-panel-46e8c254518572ba99d235e25c7f3b0f",
+      "nav-panel-834ebde9525f9a0ef2c057535e4cb999",
+      "nav-panel-90aa3b6d152bd4d1935dab4e75816aa2",
+      "nav-panel-9521a860a7e5a4705af6e032020e20ad",
+      "nav-panel-b282e4a4197cfc522046f7a07249b76b",
+      "nav-panel-ba2723c30ccb0a23594b530ac3b34278",
+      "nav-panel-eb5038cdf97e98e540b83f69918e30db",
+      "nav-panel-eb7776fb2d7c366115b0f577a8c045e5",
+      "nav-panel-f9855139b07c94a96b537f05234ef8a0",
       "navbar",
       "navbar-0-collapse",
       "navbar-mode",
@@ -787,36 +823,96 @@
       "navigation",
       "notification",
       "overview",
-      "panel-2e98fd5a617bc9e213337515ea1528c6-0",
-      "panel-2e98fd5a617bc9e213337515ea1528c6-1",
-      "panel-2e98fd5a617bc9e213337515ea1528c6-2",
-      "panel-2e98fd5a617bc9e213337515ea1528c6-btn-0",
-      "panel-2e98fd5a617bc9e213337515ea1528c6-btn-1",
-      "panel-2e98fd5a617bc9e213337515ea1528c6-btn-2",
-      "panel-45d00f1c6ae3778bbddcbcb56c89baaa-0",
-      "panel-45d00f1c6ae3778bbddcbcb56c89baaa-1",
-      "panel-45d00f1c6ae3778bbddcbcb56c89baaa-2",
-      "panel-45d00f1c6ae3778bbddcbcb56c89baaa-btn-0",
-      "panel-45d00f1c6ae3778bbddcbcb56c89baaa-btn-1",
-      "panel-45d00f1c6ae3778bbddcbcb56c89baaa-btn-2",
-      "panel-9fc1061147cf25884324ef32e623bcba-0",
-      "panel-9fc1061147cf25884324ef32e623bcba-1",
-      "panel-9fc1061147cf25884324ef32e623bcba-2",
-      "panel-9fc1061147cf25884324ef32e623bcba-btn-0",
-      "panel-9fc1061147cf25884324ef32e623bcba-btn-1",
-      "panel-9fc1061147cf25884324ef32e623bcba-btn-2",
-      "panel-c5f7e0b8c504be370e3c6c9975542f24-0",
-      "panel-c5f7e0b8c504be370e3c6c9975542f24-1",
-      "panel-c5f7e0b8c504be370e3c6c9975542f24-2",
-      "panel-c5f7e0b8c504be370e3c6c9975542f24-btn-0",
-      "panel-c5f7e0b8c504be370e3c6c9975542f24-btn-1",
-      "panel-c5f7e0b8c504be370e3c6c9975542f24-btn-2",
-      "panel-ec3cb0398230db5370df4fe880887b0c-0",
-      "panel-ec3cb0398230db5370df4fe880887b0c-1",
-      "panel-ec3cb0398230db5370df4fe880887b0c-2",
-      "panel-ec3cb0398230db5370df4fe880887b0c-btn-0",
-      "panel-ec3cb0398230db5370df4fe880887b0c-btn-1",
-      "panel-ec3cb0398230db5370df4fe880887b0c-btn-2",
+      "panel-01903ba17af95824def84bc35a6e3306-0",
+      "panel-01903ba17af95824def84bc35a6e3306-1",
+      "panel-01903ba17af95824def84bc35a6e3306-2",
+      "panel-01903ba17af95824def84bc35a6e3306-btn-0",
+      "panel-01903ba17af95824def84bc35a6e3306-btn-1",
+      "panel-01903ba17af95824def84bc35a6e3306-btn-2",
+      "panel-05e5e9179a23b45d817c9b09fc485653-0",
+      "panel-05e5e9179a23b45d817c9b09fc485653-1",
+      "panel-05e5e9179a23b45d817c9b09fc485653-2",
+      "panel-05e5e9179a23b45d817c9b09fc485653-btn-0",
+      "panel-05e5e9179a23b45d817c9b09fc485653-btn-1",
+      "panel-05e5e9179a23b45d817c9b09fc485653-btn-2",
+      "panel-09f43aa502c781608dd9f2b0cb98a906-0",
+      "panel-09f43aa502c781608dd9f2b0cb98a906-1",
+      "panel-09f43aa502c781608dd9f2b0cb98a906-2",
+      "panel-09f43aa502c781608dd9f2b0cb98a906-btn-0",
+      "panel-09f43aa502c781608dd9f2b0cb98a906-btn-1",
+      "panel-09f43aa502c781608dd9f2b0cb98a906-btn-2",
+      "panel-0c5fed3ccca7e8ab9efc12bf85a85305-0",
+      "panel-0c5fed3ccca7e8ab9efc12bf85a85305-1",
+      "panel-0c5fed3ccca7e8ab9efc12bf85a85305-2",
+      "panel-0c5fed3ccca7e8ab9efc12bf85a85305-btn-0",
+      "panel-0c5fed3ccca7e8ab9efc12bf85a85305-btn-1",
+      "panel-0c5fed3ccca7e8ab9efc12bf85a85305-btn-2",
+      "panel-273c297242d64290bec92af244e3a961-0",
+      "panel-273c297242d64290bec92af244e3a961-1",
+      "panel-273c297242d64290bec92af244e3a961-2",
+      "panel-273c297242d64290bec92af244e3a961-btn-0",
+      "panel-273c297242d64290bec92af244e3a961-btn-1",
+      "panel-273c297242d64290bec92af244e3a961-btn-2",
+      "panel-35371b9cfdf9b080c6520e1934d35220-0",
+      "panel-35371b9cfdf9b080c6520e1934d35220-1",
+      "panel-35371b9cfdf9b080c6520e1934d35220-2",
+      "panel-35371b9cfdf9b080c6520e1934d35220-btn-0",
+      "panel-35371b9cfdf9b080c6520e1934d35220-btn-1",
+      "panel-35371b9cfdf9b080c6520e1934d35220-btn-2",
+      "panel-46e8c254518572ba99d235e25c7f3b0f-0",
+      "panel-46e8c254518572ba99d235e25c7f3b0f-1",
+      "panel-46e8c254518572ba99d235e25c7f3b0f-2",
+      "panel-46e8c254518572ba99d235e25c7f3b0f-btn-0",
+      "panel-46e8c254518572ba99d235e25c7f3b0f-btn-1",
+      "panel-46e8c254518572ba99d235e25c7f3b0f-btn-2",
+      "panel-834ebde9525f9a0ef2c057535e4cb999-0",
+      "panel-834ebde9525f9a0ef2c057535e4cb999-1",
+      "panel-834ebde9525f9a0ef2c057535e4cb999-2",
+      "panel-834ebde9525f9a0ef2c057535e4cb999-btn-0",
+      "panel-834ebde9525f9a0ef2c057535e4cb999-btn-1",
+      "panel-834ebde9525f9a0ef2c057535e4cb999-btn-2",
+      "panel-90aa3b6d152bd4d1935dab4e75816aa2-0",
+      "panel-90aa3b6d152bd4d1935dab4e75816aa2-1",
+      "panel-90aa3b6d152bd4d1935dab4e75816aa2-2",
+      "panel-90aa3b6d152bd4d1935dab4e75816aa2-btn-0",
+      "panel-90aa3b6d152bd4d1935dab4e75816aa2-btn-1",
+      "panel-90aa3b6d152bd4d1935dab4e75816aa2-btn-2",
+      "panel-9521a860a7e5a4705af6e032020e20ad-0",
+      "panel-9521a860a7e5a4705af6e032020e20ad-1",
+      "panel-9521a860a7e5a4705af6e032020e20ad-2",
+      "panel-9521a860a7e5a4705af6e032020e20ad-btn-0",
+      "panel-9521a860a7e5a4705af6e032020e20ad-btn-1",
+      "panel-9521a860a7e5a4705af6e032020e20ad-btn-2",
+      "panel-b282e4a4197cfc522046f7a07249b76b-0",
+      "panel-b282e4a4197cfc522046f7a07249b76b-1",
+      "panel-b282e4a4197cfc522046f7a07249b76b-2",
+      "panel-b282e4a4197cfc522046f7a07249b76b-btn-0",
+      "panel-b282e4a4197cfc522046f7a07249b76b-btn-1",
+      "panel-b282e4a4197cfc522046f7a07249b76b-btn-2",
+      "panel-ba2723c30ccb0a23594b530ac3b34278-0",
+      "panel-ba2723c30ccb0a23594b530ac3b34278-1",
+      "panel-ba2723c30ccb0a23594b530ac3b34278-2",
+      "panel-ba2723c30ccb0a23594b530ac3b34278-btn-0",
+      "panel-ba2723c30ccb0a23594b530ac3b34278-btn-1",
+      "panel-ba2723c30ccb0a23594b530ac3b34278-btn-2",
+      "panel-eb5038cdf97e98e540b83f69918e30db-0",
+      "panel-eb5038cdf97e98e540b83f69918e30db-1",
+      "panel-eb5038cdf97e98e540b83f69918e30db-2",
+      "panel-eb5038cdf97e98e540b83f69918e30db-btn-0",
+      "panel-eb5038cdf97e98e540b83f69918e30db-btn-1",
+      "panel-eb5038cdf97e98e540b83f69918e30db-btn-2",
+      "panel-eb7776fb2d7c366115b0f577a8c045e5-0",
+      "panel-eb7776fb2d7c366115b0f577a8c045e5-1",
+      "panel-eb7776fb2d7c366115b0f577a8c045e5-2",
+      "panel-eb7776fb2d7c366115b0f577a8c045e5-btn-0",
+      "panel-eb7776fb2d7c366115b0f577a8c045e5-btn-1",
+      "panel-eb7776fb2d7c366115b0f577a8c045e5-btn-2",
+      "panel-f9855139b07c94a96b537f05234ef8a0-0",
+      "panel-f9855139b07c94a96b537f05234ef8a0-1",
+      "panel-f9855139b07c94a96b537f05234ef8a0-2",
+      "panel-f9855139b07c94a96b537f05234ef8a0-btn-0",
+      "panel-f9855139b07c94a96b537f05234ef8a0-btn-1",
+      "panel-f9855139b07c94a96b537f05234ef8a0-btn-2",
       "persona",
       "pie-chart",
       "pills",

layouts/_partials/assets/helpers/navbar-render-menu.html

@@ -11,7 +11,7 @@
         {{ if $menu.Params.spacing }}
             <li class="nav-item flex-grow-1"></li>
         {{ else }}
-            <li class="nav-item {{ if .HasChildren }} dropdown{{ if $horizontal }} dropdown-horizontal-{{ $breakpoint }}{{ end }}{{ end }}">
+            <li class="nav-item {{ if .HasChildren }} dropdown me-auto{{ if $horizontal }} dropdown-horizontal-{{ $breakpoint }}{{ end }}{{ end }}">
                 {{- partial "assets/helpers/navbar-item.html" (dict "menu" $menu "page" $page) -}}
                 {{- if .HasChildren -}}
                     <ul class="dropdown-menu{{ if $control }} dropdown-menu-end{{ end }}">