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(StatusBaseInput): Make clear button bigger 

Closes: #294
This commit is contained in:
B.Melnik 2021-08-30 14:04:15 +03:00 committed by Michał Cieślak
parent 7734a33a95
commit 398f17c50e
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ui/StatusQ/src/StatusQ/Controls/StatusBaseInput.qml
View File

@ -100,7 +100,7 @@ Item {
anchors.left: statusIcon.visible ? statusIcon.right : parent.left anchors.left: statusIcon.visible ? statusIcon.right : parent.left
anchors.right: parent.right anchors.right: parent.right
anchors.leftMargin: statusIcon.visible ? 8 : statusBaseInput.leftPadding anchors.leftMargin: statusIcon.visible ? 8 : statusBaseInput.leftPadding
anchors.rightMargin: statusBaseInput.rightPadding + clearable ? clearButtton.width : 0 anchors.rightMargin: statusBaseInput.rightPadding + clearable ? clearButton.width : 0
anchors.topMargin: statusBaseInput.topPadding anchors.topMargin: statusBaseInput.topPadding
anchors.bottomMargin: statusBaseInput.bottomPadding anchors.bottomMargin: statusBaseInput.bottomPadding
contentWidth: edit.paintedWidth contentWidth: edit.paintedWidth
@ -205,20 +205,20 @@ Item {
} // Rectangle } // Rectangle
StatusFlatRoundButton { StatusFlatRoundButton {
id: clearButtton id: clearButton
visible: edit.text.length != 0 && visible: edit.text.length != 0 &&
statusBaseInput.clearable && statusBaseInput.clearable &&
!statusBaseInput.multiline && !statusBaseInput.multiline &&
edit.activeFocus edit.activeFocus
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 11 anchors.rightMargin: 8
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
type: StatusFlatRoundButton.Type.Secondary type: StatusFlatRoundButton.Type.Secondary
width: 14 width: 24
height: 14 height: 24
icon.name: "clear" icon.name: "clear"
icon.width: 14 icon.width: 16
icon.height: 14 icon.height: 16
icon.color: Theme.palette.baseColor1 icon.color: Theme.palette.baseColor1
onClicked: { onClicked: {
edit.clear() edit.clear()