holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Better styles for disabled buttons

Browse Source
This commit is contained in:
nathan 2022-04-07 16:45:24 -06:00
parent 3f86e98257
commit 70c5cedec7
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
api/js/etemplate/Et2Button/ButtonStyles.ts
View File

@ -13,12 +13,17 @@ export const buttonStyles = [
color: var(--gray_70, #505050); color: var(--gray_70, #505050);
background-color: var(--gray_10, #e6e6e6); background-color: var(--gray_10, #e6e6e6);
border-radius: 3px; border-radius: 3px;
cursor: pointer;
} }
:host([disabled]) { :host([disabled]) {
display: flex; display: inline-flex;
opacity: .5;
box-shadow: none!important;
cursor: default!important;
} }
:host([disabled]) ::slotted(img) { :host([disabled]) ::slotted(img) {
filter: grayscale(1) contrast(0.2); filter: grayscale(1);
opacity: .5;
} }
:host(:hover):not([disabled]) { :host(:hover):not([disabled]) {
box-shadow: 1px 1px 1px rgb(0 0 0 / 60%); box-shadow: 1px 1px 1px rgb(0 0 0 / 60%);