Set background color for buttons used in dialogs footer

This commit is contained in:
Hadi Nategh 2022-09-05 10:10:11 +02:00
parent c24c1049dd
commit 978d356eed
3 changed files with 5 additions and 1 deletions

View File

@ -83,7 +83,7 @@ export const ButtonMixin = <T extends Constructor>(superclass : T) => class exte
} }
/* Make hover border match other widgets (select) */ /* Make hover border match other widgets (select) */
.button--standard.button--default:hover:not(.button--disabled) { .button--standard.button--default:hover:not(.button--disabled) {
background-color: var(--sl-color-gray-100); background-color: var(--sl-color-gray-150);
border-color: var(--sl-input-border-color-hover); border-color: var(--sl-input-border-color-hover);
color: var(--sl-input-color-hover); color: var(--sl-input-color-hover);
} }

View File

@ -53,6 +53,7 @@ export default [sl_css, css`
--indicator-color: #696969; --indicator-color: #696969;
--sl-input-focus-ring-color: #26537C; --sl-input-focus-ring-color: #26537C;
--sl-focus-ring-width: 2px; --sl-focus-ring-width: 2px;
--sl-color-gray-150: #f0f0f0;
} }
.tab-group--top .tab-group__tabs { .tab-group--top .tab-group__tabs {

View File

@ -3742,6 +3742,9 @@ tr.dialogOperators td, .dialogFooterToolbar {
.dialogFooterToolbar, .dialogFooterToolbar td { .dialogFooterToolbar, .dialogFooterToolbar td {
padding-top: 10px !important; padding-top: 10px !important;
} }
.dialogFooterToolbar et2-button::part(base):not(:hover) {
background: hsl(240 4.8% 95.9%);
}
.dialogHeader { .dialogHeader {
vertical-align: middle; vertical-align: middle;
border-bottom: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;