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

Default: avoid use of opacity for overlay scrollbars

Browse Source 
If using the opacity CSS property the renderer cannot optimize these
handles without the use of offscreens due to the use of both a border
and rgb render node.

Instead, we can apply the alpha to the color values and get the same
effect in a way that the GL renderer can optimize without the use of
offscreen textures for a sizeable reduction in runtime overhead.
This commit is contained in:
Christian Hergert
2022-03-21 18:54:09 -07:00
committed by Matthias Clasen
parent a5eeb99f37
commit e50e2136d2
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
gtk/theme/Default/_common.scss
View File

@@ -2352,15 +2352,14 @@ scrollbar {
&.overlay-indicator {
&:not(.dragging):not(.hovering) {
border-color: transparent;
opacity: 0.4;
background-color: transparent;
> range > trough > slider {
margin: 0;
min-width: 3px;
min-height: 3px;
background-color: $fg_color;
border: 1px solid if($variant == 'light', white, black);
background-color: gtkalpha($fg_color, 0.4);
border: 1px solid gtkalpha(if($variant == 'light', white, black), 0.4);
}
&.horizontal {
@@ -2379,7 +2378,10 @@ scrollbar {
}
&.dragging,
&.hovering { opacity: 0.8; }
&.hovering {
background-color: gtkalpha($scrollbar_bg_color, 0.8);
border: 1px solid gtkalpha(if($variant == 'light', white, black), 0.8);
}
}
&.horizontal > range > trough > slider { min-width: $_slider_min_length; }