Hide chevron until hover to allow a bit more space for text

2026-01-24 20:36:49 +00:00 · 2024-02-28 17:28:32 +11:00
parent 864b876a9a
commit af748158aa
1 changed files with 11 additions and 0 deletions
--- a/app/webpacker/css/admin_v3/components/tom_select.scss
+++ b/app/webpacker/css/admin_v3/components/tom_select.scss
@@ -167,6 +167,7 @@
    background-color: $color-body-bg;

    &::after {
+      display: none; // hide until hover
      top: 0.8em;
      right: 1em;
      font-size: 0.75em;
@@ -174,6 +175,16 @@

    .item {
      margin-top: 0;
+      margin-right: 0; // full width until hover
+    }
+
+    &:hover {
+      &::after {
+        display: block;
+      }
+      .item {
+        margin-right: 1em;
+      }
    }
  }
 }