styling settings slider, adjust height of edit fields

This commit is contained in:
Alexander Ivash 2018-05-17 02:16:19 +03:00
parent 764dc6d156
commit e740f494ce
3 changed files with 38 additions and 11 deletions

View file

@ -268,7 +268,8 @@ Rectangle {
InputField { InputField {
id: displayNameInput id: displayNameInput
font.pixelSize: 18 font.family: "Fira Sans"
font.pixelSize: 15
anchors.left: displayNameLabel.right anchors.left: displayNameLabel.right
anchors.leftMargin: 30 anchors.leftMargin: 30
anchors.verticalCenter: displayNameLabel.verticalCenter anchors.verticalCenter: displayNameLabel.verticalCenter

View file

@ -8,6 +8,7 @@ HifiControlsUit.TextField {
id: control id: control
font.family: "Fira Sans" font.family: "Fira Sans"
font.pixelSize: 15; font.pixelSize: 15;
implicitHeight: 40
AvatarAppStyle { AvatarAppStyle {
id: style id: style

View file

@ -101,6 +101,22 @@ Rectangle {
to: 30 to: 30
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
Layout.fillWidth: true Layout.fillWidth: true
TextStyle9 {
anchors.left: scaleSlider.left
anchors.leftMargin: 5
anchors.top: scaleSlider.bottom
anchors.topMargin: 2
text: String(scaleSlider.from / 10) + 'x'
}
TextStyle9 {
anchors.right: scaleSlider.right
anchors.rightMargin: 5
anchors.top: scaleSlider.bottom
anchors.topMargin: 2
text: String(scaleSlider.to / 10) + 'x'
}
} }
HiFiGlyphs { HiFiGlyphs {
@ -113,22 +129,31 @@ Rectangle {
} }
ShadowRectangle { ShadowRectangle {
width: 28 width: 37
height: 28 height: 28
color: 'white' AvatarAppStyle {
id: style
}
gradient: Gradient {
GradientStop { position: 0.0; color: style.colors.blueHighlight }
GradientStop { position: 1.0; color: style.colors.blueAccent }
}
radius: 3 radius: 3
border.color: 'black'
border.width: 1.5
anchors.verticalCenter: parent.verticalCenter
RalewaySemiBold { RalewaySemiBold {
size: 13; color: 'white'
anchors.centerIn: parent
text: "1x" text: "1x"
verticalAlignment: Text.AlignVCenter size: 18
horizontalAlignment: Text.AlignHCenter }
anchors.verticalCenter: parent.verticalCenter
anchors.horizontalCenter: parent.horizontalCenter MouseArea {
anchors.fill: parent
onClicked: {
scaleSlider.value = 10
}
} }
} }
} }