QmlDesigner: Fix item library header

Title text of tab buttons no longer overlaps the plus sign.

Fixes: QDS-3842
Change-Id: Iec51ebf00e6f719eac8b7204634ae8dc7696939a
Reviewed-by: Mahmoud Badri <mahmoud.badri@qt.io>
This commit is contained in:
Miikka Heikkinen
2021-03-08 18:28:26 +02:00
parent af41cca569
commit 2de66272e8

View File

@@ -66,25 +66,33 @@ Item {
{title: qsTr("Assets"), addToolTip: qsTr("Add new assets to project.")}] {title: qsTr("Assets"), addToolTip: qsTr("Add new assets to project.")}]
TabButton { TabButton {
contentItem: Text { // TabButton text topPadding: 4
bottomPadding: 4
contentItem: Item {
implicitHeight: plusButton.height
Text { // TabButton text
text: modelData.title text: modelData.title
font.pixelSize: 13 font.pixelSize: 13
font.bold: true font.bold: true
color: tabBar.currentIndex === index ? "#0094ce" : "#dadada" color: tabBar.currentIndex === index ? "#0094ce" : "#dadada"
anchors.left: parent.left
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.right: plusButton.left
anchors.bottomMargin: 2 anchors.bottomMargin: 2
horizontalAlignment: Text.AlignLeft horizontalAlignment: Text.AlignLeft
verticalAlignment: Text.AlignBottom verticalAlignment: Text.AlignBottom
elide: Text.ElideRight elide: Text.ElideRight
} }
background: Item { // TabButton background
Rectangle { // + button Rectangle { // + button
id: plusButton
anchors.right: parent.right anchors.right: parent.right
anchors.bottom: parent.bottom anchors.top: parent.top
anchors.rightMargin: 2 anchors.topMargin: 1
anchors.bottomMargin: 2 width: 24
width: 25 height: 24
height: 25
color: mouseArea.containsMouse ? "#353535" : "#262626" color: mouseArea.containsMouse ? "#353535" : "#262626"
ToolTip.delay: 500 ToolTip.delay: 500
@@ -109,7 +117,9 @@ Item {
: rootView.handleAddAsset() : rootView.handleAddAsset()
} }
} }
}
background: Item { // TabButton background
Rectangle { // bottom strip Rectangle { // bottom strip
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
width: parent.width width: parent.width