opensource/galaxy
3
0
Fork 0
mirror of https://github.com/galaxyproject/galaxy.git synced 2026-09-24 16:30:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

add &:focus:hover and &:focus-within:hover background color for history items

Browse Source
This commit is contained in:
Alireza Heidari
2022-11-28 13:45:19 +01:00
parent fac8ce4086
commit d9e40710de
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/style/scss/base.scss
+7 -2
View File
@@ -421,12 +421,17 @@ $galaxy-state-bg: (
background-color: change-color(map-get($galaxy-state-bg, $state), $alpha: 0.4, $lightness: 50%);
&:hover {
background-color: change-color(map-get($galaxy-state-bg, $state), $alpha: 0.4, $lightness: 60%);
background-color: change-color(map-get($galaxy-state-bg, $state), $alpha: 0.4, $lightness: 66%);
}
&:focus,
&:focus-within {
background-color: scale-color(map-get($galaxy-state-bg, $state), $lightness: -10%);
background-color: change-color(map-get($galaxy-state-bg, $state), $alpha: 0.4, $lightness: 33%);
}
&:focus:hover,
&:focus-within:hover {
background-color: change-color(map-get($galaxy-state-bg, $state), $alpha: 0.4, $lightness: 40%);
}
&.selected {