stable label widths via minText, increase group glow

This commit is contained in:
Damocles 2026-04-12 17:10:21 +02:00
parent 7ab3b6ef75
commit 5de09fd5e2
9 changed files with 17 additions and 1 deletions

View file

@ -66,6 +66,7 @@ M.BarSection {
}
M.BarLabel {
label: root.percent + "%"
minText: "100%"
color: M.Theme.base0A
anchors.verticalCenter: parent.verticalCenter
}

View file

@ -31,7 +31,7 @@ Item {
anchors.fill: shadowSource
shadowEnabled: true
shadowColor: root.borderColor
shadowBlur: 0.6
shadowBlur: 1.0
shadowVerticalOffset: 0
shadowHorizontalOffset: 0
}

View file

@ -6,8 +6,17 @@ Text {
id: root
property string label: ""
property string tooltip: ""
property string minText: ""
text: label
width: minText ? Math.max(implicitWidth, _minMetrics.width) : implicitWidth
TextMetrics {
id: _minMetrics
text: root.minText
font.pixelSize: root.font.pixelSize
font.family: root.font.family
}
color: M.Theme.base05
font.pixelSize: M.Theme.fontSize
font.family: M.Theme.fontFamily

View file

@ -63,6 +63,7 @@ M.BarSection {
}
M.BarLabel {
label: Math.round(root.pct) + "%"
minText: "100%"
color: root._stateColor
opacity: root._blinkOpacity
anchors.verticalCenter: parent.verticalCenter

View file

@ -59,6 +59,7 @@ M.BarSection {
}
M.BarLabel {
label: root.usage.toString().padStart(2) + "%@" + root.freqGhz.toFixed(2)
minText: "99%@9.99"
color: M.Theme.base08
anchors.verticalCenter: parent.verticalCenter
}

View file

@ -39,6 +39,7 @@ M.BarSection {
}
M.BarLabel {
label: root.freePct + "% " + root.totalTb.toFixed(1)
minText: "100% 9.9"
color: M.Theme.base08
anchors.verticalCenter: parent.verticalCenter
}

View file

@ -39,6 +39,7 @@ M.BarSection {
}
M.BarLabel {
label: root.percent + "%"
minText: "100%"
color: M.Theme.base08
anchors.verticalCenter: parent.verticalCenter
}

View file

@ -30,6 +30,7 @@ M.BarSection {
}
M.BarLabel {
label: root.celsius + "\u00B0C"
minText: "100\u00B0C"
color: root._stateColor
anchors.verticalCenter: parent.verticalCenter
}

View file

@ -25,6 +25,7 @@ M.BarSection {
}
M.BarLabel {
label: Math.round(root.volume * 100) + "%"
minText: "100%"
color: root.muted ? M.Theme.base04 : M.Theme.base0E
anchors.verticalCenter: parent.verticalCenter
}