waveterm/backup
0
0
Fork 0
mirror of https://github.com/wavetermdev/backup.git synced 2026-08-05 13:57:07 -07:00
Code Issues Packages Projects Releases Wiki Activity

Make disabled iconbuttons more distinct (#289)

Browse Source 
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
1 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/app/block/block.less
+3 -6
View File
@@ -121,7 +121,7 @@
.iconbutton { .iconbutton {
cursor: pointer; cursor: pointer;
opacity: 0.5; opacity: 0.7;
align-items: center; align-items: center;
&:hover { &:hover {
@@ -129,11 +129,8 @@
} }
&.disabled { &.disabled {
opacity: 0.5; cursor: default;
opacity: 0.45 !important;
&:hover {
opacity: 0.5;
}
} }
} }