@@ -12,14 +12,18 @@ PanelWindow {
1212 required property var targetScreen
1313 screen : targetScreen
1414
15- // Center at the bottom of the screen
16- anchors .bottom : true
15+ // Position at top right, below status bar
16+ anchors .top : true
17+ anchors .right : true
1718
18- // Use margins to center horizontally
19- margins .bottom : 100
19+ margins . top : Common . Appearance . sizes . barHeight + Common . Appearance . spacing . medium
20+ margins .right : Common . Appearance . spacing . medium
2021
21- implicitWidth: Common .Appearance .sizes .osdWidth
22- implicitHeight: Common .Appearance .sizes .osdHeight + Common .Appearance .spacing .large
22+ // Tooltip mode uses auto-sizing, progress mode uses fixed width
23+ property bool isTooltip: Root .GlobalStates .osdType === " tooltip"
24+
25+ implicitWidth: isTooltip ? tooltipContent .implicitWidth + Common .Appearance .spacing .large * 2 : Common .Appearance .sizes .osdWidth
26+ implicitHeight: isTooltip ? tooltipContent .implicitHeight + Common .Appearance .spacing .medium * 2 : Common .Appearance .sizes .osdHeight + Common .Appearance .spacing .large
2327 color: " transparent"
2428
2529 // Float on top of windows without reserving space
@@ -55,8 +59,20 @@ PanelWindow {
5559 border .color : Common .Appearance .m3colors .outlineVariant
5660 }
5761
58- // OSD content
62+ // Tooltip content (for tooltip mode)
63+ Text {
64+ id: tooltipContent
65+ visible: root .isTooltip
66+ anchors .centerIn : parent
67+ text: Root .GlobalStates .osdTooltipText
68+ font .family : Common .Appearance .fonts .main
69+ font .pixelSize : Common .Appearance .fontSize .normal
70+ color: Common .Appearance .m3colors .onSurface
71+ }
72+
73+ // Progress OSD content (for volume/brightness/mic)
5974 RowLayout {
75+ visible: ! root .isTooltip
6076 anchors .fill : parent
6177 anchors .margins : Common .Appearance .spacing .medium
6278 spacing: Common .Appearance .spacing .medium
0 commit comments