Skip to content

Commit 9ea6c85

Browse files
committed
gtk3: Don't use transparency in libhandy list row backgrounds
Since the topmost libhandy list background is transparent, the background-color has to be styled for the rows themselves, and therefore the semi-transparent background overlay for the :hover effect doesn't work. Instead use mix() against the regular background color to achieve nearly identical effect.
1 parent 2e5c05b commit 9ea6c85

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

common/gtk-3.0/3.24/sass/_libhandy.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -151,7 +151,7 @@ list.content {
151151
}
152152

153153
&:hover.activatable:not(:selected) {
154-
background-color: if($variant != 'dark', transparentize(black, 0.95), transparentize(white, 0.97));
154+
background-color: if($variant != 'dark', mix($base_color, black, 95%), mix($base_color, white, 97%));
155155
}
156156
}
157157

@@ -166,7 +166,7 @@ list.content {
166166

167167
&:not(.expander):not(:active):hover.activatable:not(:selected),
168168
&.expander row.header:not(:active):hover.activatable:not(:selected) {
169-
background-color: if($variant != 'dark', transparentize(black, 0.95), transparentize(white, 0.97));
169+
background-color: if($variant != 'dark', mix($base_color, black, 95%), mix($base_color, white, 97%));
170170
}
171171

172172
&,

0 commit comments

Comments
 (0)