Merge "ui: TagInput - make input element fill remaining space after…

… the tags" into main
google · Jul 24, 2024 · 5a4738b · 5a4738b
2 parents f941a03 + 40748c7
commit 5a4738b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/ui/src/assets/widgets/flamegraph.scss b/ui/src/assets/widgets/flamegraph.scss
@@ -30,13 +30,8 @@
     display: flex;
 
     .pf-tag-input {
-      display: flex;
       flex-grow: 1;
       margin-left: 8px;
-
-      input {
-        flex-grow: 1;
-      }
     }
   }
 

diff --git a/ui/src/assets/widgets/tag_input.scss b/ui/src/assets/widgets/tag_input.scss
@@ -15,6 +15,9 @@
 @import "theme";
 
 .pf-tag-input {
+  display: flex;
+  align-items: baseline;
+  flex-wrap: wrap;
   font-family: $pf-font;
   font-size: inherit;
   outline: none; // Disable the default outline
@@ -35,6 +38,7 @@
     background: none;
     font-family: inherit;
     font-size: inherit;
+    flex-grow: 1;
   }
 
   i {