Lerking/gtk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adwaita: Limit color swatch's hover effect to .activatable

Browse Source 
Non-activatable color swatches shouldn't have the interactive effect.
This commit is contained in:
nana-4
2020-08-08 08:33:38 +09:00
parent 7625ccd6fa
commit 51d6ec5131
1 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
gtk/theme/Adwaita/_common.scss
View File

@@ -3641,24 +3641,22 @@ colorswatch {
}
&.dark {
> overlay {
color: white;
}
&:hover { border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color); }
&.activatable:hover > overlay {
border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color);
}
}
&.light {
> overlay {
color: black;
}
&:hover { border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); }
&.activatable:hover > overlay {
border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color);
}
}
@@ -3680,11 +3678,11 @@ colorswatch {
> overlay {
border: 1px solid if($variant == 'light', transparentize(black, 0.7), $borders_color);
}
&:hover {
box-shadow: inset 0 1px transparentize(white, 0.6),
inset 0 -1px transparentize(black, 0.8);
}
&.activatable:hover > overlay {
box-shadow: inset 0 1px transparentize(white, 0.6),
inset 0 -1px transparentize(black, 0.8);
}
&#add-color-button {
@@ -3694,8 +3692,10 @@ colorswatch {
> overlay {
@include button(normal);
}
&:hover { @include button(hover); }
&.activatable:hover > overlay {
@include button(hover);
}
}