[fix] center exclamation mark in update badge

This commit is contained in:
dijunkun
2026-09-30 02:17:13 +08:00
parent ff7bda6988
commit 85ca13aa75
+20 -4
View File
@@ -701,11 +701,27 @@ export component MainWindow inherits Window {
accessible-role: button; accessible-role: button;
accessible-label: UiStrings.update-available; accessible-label: UiStrings.update-available;
accessible-action-default => { root.menu-open = !root.menu-open; } accessible-action-default => { root.menu-open = !root.menu-open; }
Text { // Center the visible mark independently of font baseline metrics.
text: "!"; color: white; Rectangle {
font-size: 12px; font-weight: 700; x: (parent.width - self.width) / 2;
horizontal-alignment: center; vertical-alignment: center; y: (parent.height - self.height) / 2;
width: 2px;
height: 10px;
accessible-role: none; accessible-role: none;
Rectangle {
y: 0px;
width: parent.width;
height: 6px;
border-radius: 1px;
background: white;
}
Rectangle {
y: 8px;
width: parent.width;
height: 2px;
border-radius: 1px;
background: white;
}
} }
TouchArea { TouchArea {
mouse-cursor: pointer; mouse-cursor: pointer;