From 56a930c1dc32aea596e71b57ccf3364c6313f9c4 Mon Sep 17 00:00:00 2001 From: Evan Simkowitz Date: Wed, 28 Aug 2024 18:30:41 -0700 Subject: [PATCH] Make disabled iconbuttons more distinct (#289) Increases the idle opacity for enabled buttons in the header slightly and decreases opacity for disabled buttons. Also sets a default cursor when the button is disabled: Forward button enabled and idle, back button disabled: ![image](https://github.com/user-attachments/assets/b2f4dfc3-2fe8-46e0-9eac-edfebf42dfdd) Forward button enabled and hovered, back button disabled: ![image](https://github.com/user-attachments/assets/34b4f89d-ba6a-4b57-8533-527ef1bc9868) --- frontend/app/block/block.less | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/frontend/app/block/block.less b/frontend/app/block/block.less index ff02ddc5c..96cfaca4a 100644 --- a/frontend/app/block/block.less +++ b/frontend/app/block/block.less @@ -121,7 +121,7 @@ .iconbutton { cursor: pointer; - opacity: 0.5; + opacity: 0.7; align-items: center; &:hover { @@ -129,11 +129,8 @@ } &.disabled { - opacity: 0.5; - - &:hover { - opacity: 0.5; - } + cursor: default; + opacity: 0.45 !important; } }