Skip to content

feat(ui): follow Hyprland decoration:rounding like native Omarchy HUD #19

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
felixzsh wants to merge 1 commit into
base: main
Choose a base branch
from
Open

feat(ui): follow Hyprland decoration:rounding like native Omarchy HUD #19

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 4 additions & 2 deletions ui/ActionPanel.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,9 @@ Rectangle {

width: px(340)
height: Math.min(px(360), list.contentHeight + searchRow.height + px(16))
radius: Math.max(Style.cornerRadius, px(8))
// Follow Hyprland like the native HUD: Style.cornerRadius already mirrors
// `decoration:rounding`, so rounding 0 renders square.
radius: Style.cornerRadius
color: look.background
border.width: 1
border.color: Util.alpha(look.foreground, 0.15)
Expand Down Expand Up @@ -77,7 +79,7 @@ Rectangle {
anchors.right: parent.right
anchors.bottom: parent.bottom
height: panel.px(34)
radius: Math.max(Style.cornerRadius, panel.px(6))
radius: Style.cornerRadius
color: index === panel.selectedIndex ? panel.look.selectedBackground : "transparent"

Text {
Expand Down
4 changes: 2 additions & 2 deletions ui/Alert.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ Rectangle {
anchors.centerIn: parent
width: alert.px(320)
height: column.implicitHeight + alert.px(36)
radius: Math.max(Style.cornerRadius, alert.px(10))
radius: Style.cornerRadius
color: alert.look.background
border.width: 1
border.color: Util.alpha(alert.look.foreground, 0.18)
Expand Down Expand Up @@ -83,7 +83,7 @@ Rectangle {
readonly property bool danger: modelData.primary && alert.spec && alert.spec.destructive
width: (column.width - alert.px(10)) / 2
height: alert.px(34)
radius: Math.max(Style.cornerRadius, alert.px(6))
radius: Style.cornerRadius
color: danger ? Util.alpha(alert.danger, 0.85)
: modelData.primary ? alert.look.selectedBackground
: Util.alpha(alert.look.foreground, 0.08)
Expand Down
2 changes: 1 addition & 1 deletion ui/InfoPanel.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ Rectangle {

width: px(400)
height: content.implicitHeight + px(24)
radius: Math.max(Style.cornerRadius, px(8))
radius: Style.cornerRadius
color: look.background
border.width: 1
border.color: Util.alpha(look.foreground, 0.15)
Expand Down
3 changes: 2 additions & 1 deletion ui/KeyHint.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,8 @@ Row {
required property string modelData
height: label.implicitHeight + Math.round(Style.space(4) * hint.zoom)
width: Math.max(height, label.implicitWidth + Math.round(Style.space(10) * hint.zoom))
radius: Math.round(Style.space(4) * hint.zoom)
// Keycap: follow Hyprland down to square, capped like Menu.qml.
radius: Math.min(Style.cornerRadius, Math.round(Style.space(4) * hint.zoom))
color: Util.alpha(hint.color, 0.1)

Text {
Expand Down
8 changes: 5 additions & 3 deletions ui/LauncherWindow.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -664,7 +664,9 @@ PanelWindow {
id: card
width: window.cardWidth
height: window.compact ? window.headerHeight + card.borderTop + card.borderBottom : window.fullHeight
radius: Math.max(Style.cornerRadius, window.px(8))
// Follow Hyprland like the native HUD: Style.cornerRadius already mirrors
// `decoration:rounding`, so rounding 0 renders square.
radius: Style.cornerRadius
anchors.horizontalCenter: parent.horizontalCenter
y: Math.max(Style.gapsOut, Math.min(Math.round(window.height / 4), window.height - window.fullHeight - Style.gapsOut))
color: window.look.background
Expand Down Expand Up @@ -771,7 +773,7 @@ PanelWindow {
readonly property bool focused: window.argFocus === index
height: window.px(28)
width: Math.min(window.px(220), pillText.implicitWidth + window.px(20))
radius: Math.max(Style.cornerRadius, window.px(6))
radius: Style.cornerRadius
color: Util.alpha(window.look.foreground, pill.focused ? 0.12 : 0.06)
border.width: 1
border.color: pill.focused ? window.look.accent : Util.alpha(window.look.foreground, 0.15)
Expand Down Expand Up @@ -818,7 +820,7 @@ PanelWindow {
anchors.verticalCenter: parent.verticalCenter
height: window.px(28)
width: filterRow.implicitWidth + window.px(20)
radius: Math.max(Style.cornerRadius, window.px(6))
radius: Style.cornerRadius
color: Util.alpha(window.look.foreground, window.dropdownOpen ? 0.12 : 0.06)
border.width: 1
border.color: Util.alpha(window.look.foreground, 0.12)
Expand Down
7 changes: 4 additions & 3 deletions ui/ResultRow.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ Item {
anchors.fill: parent
sourceComponent: Rectangle {
anchors.fill: parent
radius: Math.max(Style.cornerRadius, row.px(6))
radius: Style.cornerRadius
color: row.selected ? row.look.selectedBackground : Util.alpha(row.look.foreground, 0.04)
border.width: 1
border.color: Util.alpha(row.look.foreground, row.selected ? 0 : 0.08)
Expand Down Expand Up @@ -144,7 +144,7 @@ Item {
Rectangle {
visible: !row.isSection && !row.isCalculator
anchors.fill: parent
radius: Math.max(Style.cornerRadius, row.px(6))
radius: Style.cornerRadius
color: row.selected ? row.look.selectedBackground : "transparent"
opacity: row.disabled ? 0.45 : 1

Expand Down Expand Up @@ -189,7 +189,8 @@ Item {
anchors.verticalCenter: parent.verticalCenter
height: aliasText.implicitHeight + row.px(4)
width: aliasText.implicitWidth + row.px(12)
radius: row.px(4)
// Small badge: follow Hyprland down to square, capped like Menu.qml.
radius: Math.min(Style.cornerRadius, row.px(4))
color: "transparent"
border.width: 1
border.color: Util.alpha(row.look.foreground, 0.3)
Expand Down