shaunrd0/clide
1
0
Fork 0
Code Issues 12 Pull Requests 1 Packages Projects Releases Wiki Activity

Clean up ClideScrollBar.

Browse Source
This commit is contained in:
Shaun Reed
2026-02-04 19:52:05 -05:00
parent 755066d847
commit 176efb97b7
1 changed files with 28 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
qml/Components/ClideScrollBar.qml
View File

@@ -10,14 +10,21 @@ import clide.module 1.0
ScrollBar { ScrollBar {
id: scrollBar id: scrollBar
// Height, opacitiy, width
property int h: scrollBar.interactive ? 4 * 2 : 4
property int o: scrollBar.active && scrollBar.size < 1.0 ? 1.0 : 0.0
property int w: scrollBar.interactive ? 4 * 2 : 4
// Scroll bar gutter // Scroll bar gutter
background: Rectangle { background: Rectangle {
id: gutter
color: RustColors.scrollbar_gutter color: RustColors.scrollbar_gutter
implicitHeight: scrollBar.interactive ? 8 : 4 implicitHeight: scrollBar.h
implicitWidth: scrollBar.interactive ? 8 : 4 implicitWidth: scrollBar.w
// Fade the scrollbar gutter when inactive. // Fade the scrollbar gutter when inactive.
opacity: scrollBar.active && scrollBar.size < 1.0 ? 1.0 : 0.0 opacity: scrollBar.o
Behavior on opacity { Behavior on opacity {
OpacityAnimator { OpacityAnimator {
@@ -28,14 +35,26 @@ ScrollBar {
// Scroll bar // Scroll bar
contentItem: Rectangle { contentItem: Rectangle {
readonly property color barColor: {
if (scrollBar.size < 1.0) {
// If the scrollbar is required change it's color based on activity.
if (scrollBar.active) {
return RustColors.scrollbar_active;
} else {
return RustColors.scrollbar;
}
} else {
// If we don't need a scrollbar, fallback to the gutter color.
return gutter.color;
}
}
color: barColor
implicitHeight: scrollBar.h
implicitWidth: scrollBar.w
// If we don't need a scrollbar, fallback to the gutter color.
// If the scrollbar is required change it's color based on activity.
color: scrollBar.size < 1.0 ? scrollBar.active ? RustColors.scrollbar_active : RustColors.scrollbar : RustColors.scrollbar_gutter
implicitHeight: scrollBar.interactive ? 8 : 4
implicitWidth: scrollBar.interactive ? 8 : 4
// Fade the scrollbar when inactive. // Fade the scrollbar when inactive.
opacity: scrollBar.active && scrollBar.size < 1.0 ? 1.0 : 0 opacity: scrollBar.o
// Smooth transition between color changes based on the state above. // Smooth transition between color changes based on the state above.
Behavior on color { Behavior on color {