Fix BasicComboBox internal layout, take proper account of insets
authorClaudio Cambra <claudio.cambra@nextcloud.com>
Fri, 25 Nov 2022 16:54:17 +0000 (17:54 +0100)
committerClaudio Cambra <claudio.cambra@nextcloud.com>
Thu, 8 Dec 2022 11:21:28 +0000 (12:21 +0100)
Signed-off-by: Claudio Cambra <claudio.cambra@nextcloud.com>
src/gui/BasicComboBox.qml

index b844ad1f7ded56248c692985c8b49afdffdc6878..0d5db8f59d676a22979efa68fddc8718e2763574 100644 (file)
@@ -24,7 +24,10 @@ import "./tray"
 ComboBox {
     id: clearComboBox
 
-    padding: Style.standardSpacing
+    topPadding: Style.smallSpacing + topInset
+    leftPadding: Style.smallSpacing + leftInset
+    rightPadding: Style.smallSpacing + rightInset
+    bottomPadding: Style.smallSpacing + bottomInset
 
     background: Rectangle {
         radius: Style.slightlyRoundedButtonRadius
@@ -33,7 +36,7 @@ ComboBox {
     }
 
     contentItem: EnforcedPlainTextLabel {
-        leftPadding: 0
+        leftPadding: clearComboBox.leftPadding
         rightPadding: clearComboBox.indicator.width + clearComboBox.spacing
 
         text: clearComboBox.displayText
@@ -43,8 +46,10 @@ ComboBox {
     }
 
     indicator: ColorOverlay {
-        x: clearComboBox.width - clearComboBox.rightPadding
-        y: clearComboBox.topPadding + (clearComboBox.availableHeight - height) / 2
+        anchors.right: clearComboBox.right
+        anchors.rightMargin: clearComboBox.rightPadding
+        anchors.verticalCenter: clearComboBox.verticalCenter
+
         cached: true
         color: Style.ncTextColor
         width: source.width