fixed lucide icon alignments (#103)

oleeskild · Mar 7, 2023 · 4edcab6 · 4edcab6
1 parent 548d04c
commit 4edcab6
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/src/site/_includes/components/filetree.njk b/src/site/_includes/components/filetree.njk
@@ -8,7 +8,7 @@
                 </div>
             {% elif fileOrFolder.isFolder%}
                 <div class="folder inner-folder"  x-data="{isOpen: $persist(false).as('{{currentPath}}')}" @click.stop="isOpen=!isOpen">
-                    <div class="foldername-wrapper">
+                    <div class="foldername-wrapper align-icon">
                     <i x-show="isOpen" style="display: none;"  icon-name="chevron-down"></i>
                     <i x-show="!isOpen"  icon-name="chevron-right"></i>
                     <span class="foldername">{{fileOrFolderName}}</span>

diff --git a/src/site/_includes/components/searchButton.njk b/src/site/_includes/components/searchButton.njk
@@ -1,4 +1,4 @@
-<div class="search-button" onclick="toggleSearch()">
+<div class="search-button align-icon" onclick="toggleSearch()">
     <span class="search-icon">
         <i icon-name="search" ></i>
     </span>

diff --git a/src/site/_includes/components/searchContainer.njk b/src/site/_includes/components/searchContainer.njk
@@ -7,7 +7,7 @@
                 <span>Enter to select</span>
             </div>
 
-            <div class="navigation-hint">
+            <div class="navigation-hint align-icon">
                 <i  icon-name="arrow-up" aria-hidden="true"></i>
                 <i  icon-name="arrow-down" aria-hidden="true"></i>
                 <span>to navigate</span>

diff --git a/src/site/styles/digital-garden-base.scss b/src/site/styles/digital-garden-base.scss
@@ -735,3 +735,9 @@ body.links-note-icon .internal-link[data-note-icon="3"]::before {
         align-items: center;
     }
 }
+
+
+.align-icon {
+    display: inline-flex;
+    align-items: center;
+}