Style pill and input combination

2025-12-23 22:48:40 -05:00 · 2024-05-22 14:13:33 +02:00
parent 7c80f87f30
commit 42df426375
1 changed files with 13 additions and 0 deletions
--- a/frontend/src/app/main/ui/workspace/tokens/editable_select.scss
+++ b/frontend/src/app/main/ui/workspace/tokens/editable_select.scss
@@ -38,6 +38,19 @@
    margin-bottom: 0;
  }

+  .token-pill {
+    background-color: rgb(94 107 120 / 25%);
+    border-radius: $br-4;
+    padding: $s-2 $s-6;
+    text-overflow: ellipsis;
+    flex: 0 0 auto;
+  }
+
+  .token-pill + input {
+    flex: 1 1 auto;
+    width: 0;
+  }
+
  .custom-select-dropdown {
    @extend .dropdown-wrapper;
    max-height: $s-320;