language-servers/slint
1
0
Fork 0
mirror of https://github.com/slint-ui/slint.git synced 2025-08-04 02:39:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fluent style: Adjust disabled scrollbar background color

Browse source 
So that the TextEdit looks alright when disabled

Fixes #2281
This commit is contained in:
Olivier Goffart 2023-03-07 10:10:27 +01:00 • committed by Olivier Goffart
parent db12795032
commit 488fb14846
1 changed files with 12 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

13
internal/compiler/widgets/fluent-base/std-widgets-impl.slint
View file

@ -158,7 +158,7 @@ export component Button {
}
component ScrollBar inherits Rectangle {
background: Palette.white;
background: enabled ? Palette.white : Palette.neutralLighter;
// border-color: Palette.button-background;
border-width: 1px;
in-out property <bool> horizontal;
@ -166,6 +166,7 @@ component ScrollBar inherits Rectangle {
in-out property<length> page-size;
// this is always negative and bigger than -maximum
in-out property<length> value;
in property <bool> enabled;
handle := Rectangle {
width: !root.horizontal ? parent.width : root.maximum <= 0phx ? 0phx : parent.width * (root.page-size / (root.maximum + root.page-size));
@ -231,6 +232,7 @@ export component ScrollView {
height: parent.height - hbar.height - 4px;
}
vbar := ScrollBar {
enabled: root.enabled;
width: 16px;
x: fli.width + fli.x;
y: fli.y;
@ -240,6 +242,7 @@ export component ScrollView {
page-size: fli.height;
}
hbar := ScrollBar {
enabled: root.enabled;
height: 16px;
y: fli.height + fli.y;
x: fli.x;
@ -248,4 +251,12 @@ export component ScrollView {
maximum: fli.viewport-width - fli.width;
page-size: fli.width;
}
corner := Rectangle {
x: fli.width + fli.x;
y: fli.height + fli.y;
height: 16px;
width: 16px;
background: root.enabled ? transparent : Palette.neutralLighter;
}
}