Add background to page content, and restructure margins

To display the background across the entire bottom side and not with the margins of the column, we have to restructure where the margins are a bit.

Contributes to issue CURA-8556.
This commit is contained in:
Ghostkeeper 2021-10-21 16:35:54 +02:00
parent 38038b3752
commit b585c02207
No known key found for this signature in database
GPG Key ID: D2A8871EE34EC59A
2 changed files with 27 additions and 8 deletions

View File

@ -29,25 +29,43 @@ Window
ColumnLayout
{
anchors.fill: parent
anchors.margins: UM.Theme.getSize("default_margin").width
spacing: UM.Theme.getSize("default_margin").height
Label //Page title.
Item //Page title.
{
Layout.preferredWidth: parent.width
Layout.preferredHeight: contentHeight
Layout.preferredHeight: childrenRect.height + UM.Theme.getSize("default_margin").height
font: UM.Theme.getFont("large")
color: UM.Theme.getColor("text")
text: catalog.i18nc("@header", "Install Plugins")
Label
{
anchors
{
left: parent.left
leftMargin: UM.Theme.getSize("default_margin").width
right: parent.right
rightMargin: UM.Theme.getSize("default_margin").width
bottom: parent.bottom
}
font: UM.Theme.getFont("large")
color: UM.Theme.getColor("text")
text: catalog.i18nc("@header", "Install Plugins")
}
}
Loader //Page contents.
Rectangle //Page contents.
{
Layout.preferredWidth: parent.width
Layout.fillHeight: true
color: UM.Theme.getColor("detail_background")
source: "Plugins.qml"
Loader //Page contents.
{
anchors.fill: parent
anchors.margins: UM.Theme.getSize("default_margin").width
source: "Plugins.qml"
}
}
}
}

View File

@ -173,6 +173,7 @@
"colors": {
"main_background": [255, 255, 255, 255],
"detail_background": [243, 243, 243, 255],
"wide_lining": [245, 245, 245, 255],
"thick_lining": [180, 180, 180, 255],
"lining": [192, 193, 194, 255],