fix button color on hover

jenny-s51 · Oct 10, 2024 · 269e414 · 269e414
1 parent de8a79b
commit 269e414
Showing 1 changed file with 14 additions and 15 deletions.
diff --git a/clients/ui/frontend/src/style/MUI-theme.scss b/clients/ui/frontend/src/style/MUI-theme.scss
@@ -146,12 +146,13 @@
 .pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-button--hover--Color: var(--mui-palette-primary-main);
   text-decoration-color: var(--mui-link-underlineColor);
+
   &:hover {
     text-decoration-color: initial;
   }
 }
 
-.pf-v6-c-button__icon {
+.pf-v6-c-button.pf-m-link.pf-m-inline .pf-v6-c-button__icon {
   // Keep icon color the same on hover
   color: inherit;
 }
@@ -218,7 +219,7 @@
   padding-bottom: var(--mui-spacing-16px);
 }
 
-.pf-v6-c-form-control > :is(input, select, textarea) {
+.pf-v6-c-form-control> :is(input, select, textarea) {
   padding-block-start: 0px;
   padding-block-end: 0px;
 }
@@ -258,7 +259,7 @@
   box-sizing: border-box;
 }
 
-.pf-v6-c-form-control > :is(input, select, textarea):focus {
+.pf-v6-c-form-control> :is(input, select, textarea):focus {
   --pf-v6-c-form-control--OutlineOffset: none;
   outline: none;
 }
@@ -291,7 +292,7 @@
   border-color: black;
 }
 
-.form-fieldset-wrapper:hover span.pf-v6-c-form-control.pf-m-disabled ~ .form-fieldset {
+.form-fieldset-wrapper:hover span.pf-v6-c-form-control.pf-m-disabled~.form-fieldset {
   border-color: rgba(0, 0, 0, 0.23);
 }
 
@@ -379,14 +380,15 @@
 .tr-fieldset-wrapper .pf-v6-c-form-control,
 .toolbar-fieldset-wrapper .pf-v6-c-form-control,
 .form-fieldset-wrapper .pf-v6-c-form-control {
+
   &::before,
   &::after {
     content: revert;
   }
 }
 
-.pf-v6-c-form__group .pf-v6-c-form-control:focus-within + .pf-v6-c-form__label,
-.pf-v6-c-form__group .pf-v6-c-form-control:not(:placeholder-shown) + .pf-v6-c-form__label {
+.pf-v6-c-form__group .pf-v6-c-form-control:focus-within+.pf-v6-c-form__label,
+.pf-v6-c-form__group .pf-v6-c-form-control:not(:placeholder-shown)+.pf-v6-c-form__label {
   color: var(--mui-palette-primary-main);
 }
 
@@ -426,12 +428,8 @@
   --pf-v6-c-menu-toggle--hover--BorderColor: var(--mui-menu-toggle--hover--BorderColor);
   --pf-v6-c-menu-toggle--BorderColor: var(--mui-menu-toggle--BorderColor);
   --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
-  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(
-    --pf-t--global--color--brand--default
-  );
-  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(
-    --mui-palette-primary-dark
-  );
+  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--default);
+  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--mui-palette-primary-dark);
 
   text-transform: var(--mui-text-transform);
   font-weight: var(--mui-button-font-weight);
@@ -526,13 +524,13 @@
 }
 
 /* When radio is checked */
-.pf-v6-c-radio__input:checked + .pf-v6-c-radio__label::before {
+.pf-v6-c-radio__input:checked+.pf-v6-c-radio__label::before {
   background: var(--mui-palette-common-white);
   border-color: var(--mui-palette-primary-main);
 }
 
 /* Inner dot for checked state */
-.pf-v6-c-radio__input:checked + .pf-v6-c-radio__label::after {
+.pf-v6-c-radio__input:checked+.pf-v6-c-radio__label::after {
   content: "";
   position: absolute;
   left: 5px;
@@ -659,6 +657,7 @@
   --pf-v6-c-label--PaddingInlineEnd: 0;
   height: 24px;
 }
+
 .pf-v6-c-label.pf-m-overflow {
   border: 1px solid var(--mui-palette-grey-400);
 
@@ -724,4 +723,4 @@
 
 .pf-v6-c-pagination__page-menu::before {
   content: "Rows per page:";
-}
+}