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)
This commit is contained in:
Evan Simkowitz 2024-08-28 18:30:41 -07:00 committed by GitHub
parent afcbb35341
commit 56a930c1dc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -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;
}
}