fix: remove invalid HTML from palette dropdown menu

razonyang · Jan 30, 2023 · 8568132 · 8568132
1 parent 134f4e2
commit 8568132
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/assets/main/scss/_palettes.scss b/assets/main/scss/_palettes.scss
@@ -95,4 +95,10 @@ $palette-classes: 'btn', 'btn-outline';
   width: 1.5rem;
 }
 
+.palette-dropdown-menu {
+  &.show {
+    display: flex !important;
+  }
+}
+
 /*! purgecss end ignore */
diff --git a/layouts/partials/header/palettes.html b/layouts/partials/header/palettes.html
@@ -4,18 +4,16 @@
         <i class="fas fa-fw fa-palette"></i>
         <span class="d-xxl-none">{{ i18n "palette" }}</span>
     </a>
-    <ul class="dropdown-menu dropdown-menu-end px-2" aria-labelledby="paletteDropdown">
-        <div class="row">
-            {{- range .Site.Params.Palettes }}
+    <ul class="palette-dropdown-menu dropdown-menu dropdown-menu-end px-2 row g-2" aria-labelledby="paletteDropdown">
+        {{- range .Site.Params.Palettes }}
             {{- $key := replace . " " "-" }}
             {{- $title := replace . " " "_" | printf "color_%s" | i18n }}
             <li class="col-4 my-1">
                 <a role="button" id="palette-{{ $key }}" aria-label="{{ $title }}"
                     class="btn btn-sm w-100 palette text-bg-{{ $key }}" data-palette="{{ $key }}">
                 </a>
             </li>
-            {{- end }}
-        </div>
+        {{- end }}
     </ul>
 </li>
 {{- end -}}