[calamares] Tweak QML sidebar

- some margins and extra space
 - left-align text
 - progress lozenges instead of pointy rectangles
This commit is contained in:
Adriaan de Groot 2020-04-02 16:45:04 +02:00
parent 1038de899b
commit 510f9352e7

View File

@ -13,10 +13,12 @@ Rectangle {
spacing: 0;
Image {
id: logo
Layout.topMargin: 12;
Layout.bottomMargin: 12;
Layout.alignment: Qt.AlignHCenter | Qt.AlignTop
id: logo;
width: 80;
height: width; // square
anchors.horizontalCenter: parent.horizontalCenter;
source: "file:/" + Branding.imagePath(Branding.ProductLogo);
sourceSize.width: width;
sourceSize.height: height;
@ -25,12 +27,15 @@ Rectangle {
Repeater {
model: ViewManager
Rectangle {
width: 200;
height: 75;
Layout.leftMargin: 12;
width: parent.width - 24;
height: 35;
radius: 6;
color: Branding.styleString( index == ViewManager.currentStepIndex ? Branding.SidebarTextHighlight : Branding.SidebarBackground );
Text {
anchors.centerIn: parent;
anchors.verticalCenter: parent.verticalCenter;
x: parent.x + 12;
color: Branding.styleString( index == ViewManager.currentStepIndex ? Branding.SidebarTextSelect : Branding.SidebarText );
text: display;
}