fix: tag selection icon alignment (#4153)

flarum · Jan 3, 2025 · 1bdfb66 · 1bdfb66
1 parent a3461a8
commit 1bdfb66
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 13 deletions.
diff --git a/extensions/tags/less/common/TagIcon.less b/extensions/tags/less/common/TagIcon.less
@@ -3,8 +3,6 @@
   width: 16px;
   height: 16px;
   display: inline-block;
-  vertical-align: -3px;
-  margin-left: 1px;
   background: var(--color, var(--control-bg));
 
   &.untagged {

diff --git a/extensions/tags/less/common/TagSelectionModal.less b/extensions/tags/less/common/TagSelectionModal.less
@@ -57,6 +57,8 @@
   position: absolute;
   inset: 0;
   display: none;
+  align-items: center;
+  justify-content: center;
   background-color: transparent;
 }
 
@@ -76,6 +78,8 @@
     overflow: hidden;
     text-overflow: ellipsis;
     cursor: pointer;
+    display: flex;
+    align-items: center;
 
     &.pinned:not(.child) {
       padding-top: 10px;
@@ -99,16 +103,9 @@
       background: var(--control-bg);
     }
 
-    .icon::before {
-      display: inline-block;
-      width: 16px;
-      text-align: center;
-      vertical-align: middle;
-    }
-
     &.selected {
       .SelectTagListItem-checkIcon {
-        display: inline-block;
+        display: inline-flex;
         color: var(--muted-color);
         font-size: 14px;
       }
@@ -123,10 +120,12 @@
 }
 .SelectTagListItem-icon {
   position: relative;
-  display: inline-block;
-  vertical-align: top;
-  margin-top: 3px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   margin-left: 0;
+  height: 16px;
+  width: 16px;
 }
 .SelectTagListItem-name {
   display: inline-block;