Fix UI Bugs for Labels (#466)

Signed-off-by: Jenny <[email protected]> fix chips
kubeflow · Oct 8, 2024 · e680076 · e680076
1 parent 222194a
commit e680076
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/clients/ui/frontend/src/style/MUI-theme.scss b/clients/ui/frontend/src/style/MUI-theme.scss
@@ -83,7 +83,7 @@
 
 
   --mui-spacing-4px: calc(0.5 * var(--mui-spacing));
-  --mui-spacing-8px: calc(0.5 * var(--mui-spacing));
+  --mui-spacing-8px: var(--mui-spacing);
   --mui-spacing-16px: calc(2 * var(--mui-spacing));
 
 
@@ -390,6 +390,19 @@
   --pf-v6-c-label--PaddingInlineEnd: 0;
   height: 24px;
 }
+.pf-v6-c-label.pf-m-overflow {
+  border: 1px solid var(--mui-palette-grey-400);
+
+  .pf-v6-c-label__text {
+    color: var(--mui-palette-common-black);
+    padding: none;
+  }
+}
+
+.pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
+  margin: 0px 5px 0px -6px;
+  --pf-v6-c-button__icon--Color: var(--mui-palette-common-white);
+}
 
 .pf-v6-c-label__text {
   padding-right: var(--mui-spacing-8px);