status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(StatusSlider): slider background and handle should not depend on root's height 

Made slider background and handle to not depend
to root's height so that it covers cases where a
legend is needed thus all should be clickable for
better user experience.

Relates to status-im/status-desktop#3984
This commit is contained in:
Alexandra Betouni 2021-11-02 21:42:48 +02:00 committed by Michał Cieślak
parent d1be7973c9
commit 77e210fa87
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/StatusQ/src/StatusQ/Controls/StatusSlider.qml
View File

@ -15,8 +15,10 @@ Slider {
leftPadding: 0 leftPadding: 0
background: Rectangle { background: Rectangle {
implicitHeight: 4 id: bgRect
implicitWidth: 100 implicitWidth: 100
implicitHeight: 4
height: implicitHeight
color: { color: {
if (statusSlider.value === statusSlider.to) { if (statusSlider.value === statusSlider.to) {
return Theme.palette.primaryColor1 return Theme.palette.primaryColor1
@ -40,7 +42,7 @@ Slider {
handle: Rectangle { handle: Rectangle {
x: statusSlider.leftPadding + statusSlider.visualPosition * (statusSlider.availableWidth - width / 2) x: statusSlider.leftPadding + statusSlider.visualPosition * (statusSlider.availableWidth - width / 2)
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: bgRect.verticalCenter
color: Theme.palette.white color: Theme.palette.white
implicitWidth: 28 implicitWidth: 28
implicitHeight: 28 implicitHeight: 28