From 70c5cedec738e5cc84d6f21e9ff23bcba2c8e7a0 Mon Sep 17 00:00:00 2001 From: nathan Date: Thu, 7 Apr 2022 16:45:24 -0600 Subject: [PATCH] Better styles for disabled buttons --- api/js/etemplate/Et2Button/ButtonStyles.ts | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/api/js/etemplate/Et2Button/ButtonStyles.ts b/api/js/etemplate/Et2Button/ButtonStyles.ts index 77064a1181..374a7efea6 100644 --- a/api/js/etemplate/Et2Button/ButtonStyles.ts +++ b/api/js/etemplate/Et2Button/ButtonStyles.ts @@ -13,12 +13,17 @@ export const buttonStyles = [ color: var(--gray_70, #505050); background-color: var(--gray_10, #e6e6e6); border-radius: 3px; + cursor: pointer; } :host([disabled]) { - display: flex; + display: inline-flex; + opacity: .5; + box-shadow: none!important; + cursor: default!important; } :host([disabled]) ::slotted(img) { - filter: grayscale(1) contrast(0.2); + filter: grayscale(1); + opacity: .5; } :host(:hover):not([disabled]) { box-shadow: 1px 1px 1px rgb(0 0 0 / 60%);