fix plain button border radius and editable label padding

kubeflow · Nov 15, 2024 · d15ef8c · d15ef8c
1 parent acccbe1
commit d15ef8c
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/clients/ui/frontend/src/shared/style/MUI-theme.scss b/clients/ui/frontend/src/shared/style/MUI-theme.scss
@@ -452,6 +452,12 @@
   --pf-v6-c-menu-toggle--BorderRadius: 50%;
 }
 
+.mui-theme .pf-v6-c-menu-toggle.pf-m-primary {
+  --pf-v6-c-menu-toggle--expanded--Color: var(--mui-palette-common-white);
+  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--mui-palette-primary-main);
+  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--mui-palette-primary-dark);
+}
+
 .mui-theme .pf-v6-c-menu-toggle.pf-m-primary.pf-m-split-button {
   --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
 }
@@ -667,8 +673,9 @@
 }
 
 .mui-theme .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-button--PaddingInlineStart: var(--mui-spacing-4px);
+  --pf-v6-c-button--PaddingInlineEnd: var(--mui-spacing-4px);
 }
 
 .mui-theme .pf-v6-c-label {
@@ -692,6 +699,12 @@
   border: 2px solid var(--mui-palette-common-black);
 }
 
+.mui-theme .pf-v6-c-button.pf-m-plain {
+  --pf-v6-c-button--BorderRadius: 50%;
+  --pf-v6-c-button--PaddingInlineStart: none;
+  --pf-v6-c-button--PaddingInlineEnd: none;
+}
+
 .mui-theme .pf-v6-c-page__main-container {
   --pf-v6-c-page__main-container--BorderRadius: var(--mui-shape-borderRadius);
   box-shadow: var(--mui-shadows-1);