status-im/status-desktop
2
0
Fork 0
mirror of https://github.com/status-im/status-desktop.git synced 2025-01-15 17:16:26 +00:00
Code Issues Projects Releases Wiki Activity

fix(desktop/profileSettings) fixed sliders in appearance

Browse Source 
Font and scaling Sliders were so tiny making it unable to
click and set value.

Depends on https://github.com/status-im/StatusQ/pull/477
Closes #3984
This commit is contained in:
Alexandra Betouni 2021-11-02 21:54:02 +02:00 committed by Iuri Matias
parent 577182be49
commit 74acb52408
1 changed files with 96 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ui/app/AppLayouts/Profile/views/AppearanceView.qml
View File

@ -129,6 +129,7 @@ ScrollView {
anchors.top: labelFontSize.bottom anchors.top: labelFontSize.bottom
anchors.topMargin: Style.current.padding anchors.topMargin: Style.current.padding
width: parent.width width: parent.width
height: 40
from: 0 from: 0
to: 5 to: 5
stepSize: 1 stepSize: 1
@ -137,11 +138,10 @@ ScrollView {
localAccountSensitiveSettings.fontSize = value localAccountSensitiveSettings.fontSize = value
root.updateFontSize(value) root.updateFontSize(value)
} }
}
RowLayout { RowLayout {
id: fontSizeSliderLegend id: fontSizeSliderLegend
anchors.top: fontSizeSlider.bottom anchors.bottom: parent.bottom
anchors.topMargin: Style.current.padding anchors.topMargin: Style.current.padding
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
@ -200,10 +200,11 @@ ScrollView {
color: Theme.palette.directColor1 color: Theme.palette.directColor1
} }
} }
}
StatusBaseText { StatusBaseText {
id: labelZoom id: labelZoom
anchors.top: fontSizeSliderLegend.bottom anchors.top: fontSizeSlider.bottom
anchors.topMargin: Style.current.xlPadding anchors.topMargin: Style.current.xlPadding
anchors.left: parent.left anchors.left: parent.left
font.pixelSize: 15 font.pixelSize: 15
@ -227,6 +228,7 @@ ScrollView {
anchors.top: labelZoom.bottom anchors.top: labelZoom.bottom
anchors.topMargin: Style.current.padding anchors.topMargin: Style.current.padding
width: parent.width width: parent.width
height: 40
from: 50 from: 50
to: 200 to: 200
stepSize: 50 stepSize: 50
@ -248,16 +250,15 @@ ScrollView {
zoomSlider.value = zoomSlider.initialValue zoomSlider.value = zoomSlider.initialValue
} }
} }
}
RowLayout { RowLayout {
id: zoomSliderLegend id: zoomSliderLegend
anchors.top: zoomSlider.bottom anchors.bottom: parent.bottom
anchors.topMargin: Style.current.padding anchors.topMargin: Style.current.padding
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
spacing: 0 spacing: 0
StatusBaseText { StatusBaseText {
font.pixelSize: 15 font.pixelSize: 15
text: "50%" text: "50%"
@ -278,7 +279,6 @@ ScrollView {
Item { Item {
Layout.fillWidth: true Layout.fillWidth: true
} }
StatusBaseText { StatusBaseText {
font.pixelSize: 15 font.pixelSize: 15
Layout.leftMargin: width / 2 Layout.leftMargin: width / 2
@ -296,13 +296,14 @@ ScrollView {
color: Theme.palette.directColor1 color: Theme.palette.directColor1
} }
} }
}
StatusSectionHeadline { StatusSectionHeadline {
id: sectionHeadlineAppearance id: sectionHeadlineAppearance
//% "Appearance" //% "Appearance"
text: qsTrId("appearance") text: qsTrId("appearance")
// anchors.top: chatModeSection.bottom // anchors.top: chatModeSection.bottom
anchors.top: zoomSliderLegend.bottom anchors.top: zoomSlider.bottom
anchors.topMargin: Style.current.padding*3 anchors.topMargin: Style.current.padding*3
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right