accent-colored borders on all flyouts, popups, and hover panels
This commit is contained in:
parent
3e78384433
commit
fc36e46091
9 changed files with 14 additions and 0 deletions
|
|
@ -185,6 +185,8 @@ M.BarSection {
|
||||||
topRightRadius: 0
|
topRightRadius: 0
|
||||||
bottomLeftRadius: M.Theme.radius
|
bottomLeftRadius: M.Theme.radius
|
||||||
bottomRightRadius: M.Theme.radius
|
bottomRightRadius: M.Theme.radius
|
||||||
|
border.color: root.accentColor
|
||||||
|
border.width: 1
|
||||||
}
|
}
|
||||||
|
|
||||||
Column {
|
Column {
|
||||||
|
|
|
||||||
|
|
@ -105,6 +105,7 @@ M.BarSection {
|
||||||
id: menuLoader
|
id: menuLoader
|
||||||
active: false
|
active: false
|
||||||
sourceComponent: M.BluetoothMenu {
|
sourceComponent: M.BluetoothMenu {
|
||||||
|
accentColor: root.accentColor
|
||||||
screen: root.bar.screen
|
screen: root.bar.screen
|
||||||
anchorX: root.mapToGlobal(root.width / 2, 0).x - (QsWindow.window?.screen?.x ?? 0)
|
anchorX: root.mapToGlobal(root.width / 2, 0).x - (QsWindow.window?.screen?.x ?? 0)
|
||||||
onDismissed: menuLoader.active = false
|
onDismissed: menuLoader.active = false
|
||||||
|
|
|
||||||
|
|
@ -191,6 +191,8 @@ M.BarSection {
|
||||||
topRightRadius: 0
|
topRightRadius: 0
|
||||||
bottomLeftRadius: M.Theme.radius
|
bottomLeftRadius: M.Theme.radius
|
||||||
bottomRightRadius: M.Theme.radius
|
bottomRightRadius: M.Theme.radius
|
||||||
|
border.color: root.accentColor
|
||||||
|
border.width: 1
|
||||||
}
|
}
|
||||||
|
|
||||||
Column {
|
Column {
|
||||||
|
|
|
||||||
|
|
@ -125,6 +125,7 @@ M.BarSection {
|
||||||
id: menuLoader
|
id: menuLoader
|
||||||
active: false
|
active: false
|
||||||
sourceComponent: M.NetworkMenu {
|
sourceComponent: M.NetworkMenu {
|
||||||
|
accentColor: root.accentColor
|
||||||
screen: root.bar.screen
|
screen: root.bar.screen
|
||||||
anchorX: root.mapToGlobal(root.width / 2, 0).x - (QsWindow.window?.screen?.x ?? 0)
|
anchorX: root.mapToGlobal(root.width / 2, 0).x - (QsWindow.window?.screen?.x ?? 0)
|
||||||
onDismissed: menuLoader.active = false
|
onDismissed: menuLoader.active = false
|
||||||
|
|
|
||||||
|
|
@ -81,6 +81,7 @@ M.BarSection {
|
||||||
id: centerLoader
|
id: centerLoader
|
||||||
active: false
|
active: false
|
||||||
sourceComponent: M.NotifCenter {
|
sourceComponent: M.NotifCenter {
|
||||||
|
accentColor: root.accentColor
|
||||||
screen: root.bar.screen
|
screen: root.bar.screen
|
||||||
anchorX: root.mapToGlobal(root.width / 2, 0).x - (QsWindow.window?.screen?.x ?? 0)
|
anchorX: root.mapToGlobal(root.width / 2, 0).x - (QsWindow.window?.screen?.x ?? 0)
|
||||||
onDismissed: centerLoader.active = false
|
onDismissed: centerLoader.active = false
|
||||||
|
|
|
||||||
|
|
@ -13,6 +13,7 @@ PanelWindow {
|
||||||
required property var screen
|
required property var screen
|
||||||
required property real anchorX
|
required property real anchorX
|
||||||
property real panelWidth: 220
|
property real panelWidth: 220
|
||||||
|
property color accentColor: M.Theme.base05
|
||||||
|
|
||||||
signal dismissed
|
signal dismissed
|
||||||
|
|
||||||
|
|
@ -63,6 +64,8 @@ PanelWindow {
|
||||||
topRightRadius: 0
|
topRightRadius: 0
|
||||||
bottomLeftRadius: M.Theme.radius
|
bottomLeftRadius: M.Theme.radius
|
||||||
bottomRightRadius: M.Theme.radius
|
bottomRightRadius: M.Theme.radius
|
||||||
|
border.color: root.accentColor
|
||||||
|
border.width: 1
|
||||||
}
|
}
|
||||||
|
|
||||||
Column {
|
Column {
|
||||||
|
|
|
||||||
|
|
@ -27,6 +27,7 @@ M.BarIcon {
|
||||||
id: menuLoader
|
id: menuLoader
|
||||||
active: false
|
active: false
|
||||||
sourceComponent: M.PowerMenu {
|
sourceComponent: M.PowerMenu {
|
||||||
|
accentColor: parent?.accentColor ?? root.color
|
||||||
screen: root.bar.screen
|
screen: root.bar.screen
|
||||||
anchorX: root.mapToGlobal(root.width / 2, 0).x - (QsWindow.window?.screen?.x ?? 0)
|
anchorX: root.mapToGlobal(root.width / 2, 0).x - (QsWindow.window?.screen?.x ?? 0)
|
||||||
onDismissed: menuLoader.active = false
|
onDismissed: menuLoader.active = false
|
||||||
|
|
|
||||||
|
|
@ -109,6 +109,7 @@ RowLayout {
|
||||||
id: menuLoader
|
id: menuLoader
|
||||||
active: false
|
active: false
|
||||||
sourceComponent: M.TrayMenu {
|
sourceComponent: M.TrayMenu {
|
||||||
|
accentColor: root.parent?.accentColor ?? M.Theme.base05
|
||||||
handle: iconItem.modelData.menu
|
handle: iconItem.modelData.menu
|
||||||
screen: root.bar.screen
|
screen: root.bar.screen
|
||||||
anchorX: iconItem.mapToGlobal(iconItem.width / 2, 0).x - (QsWindow.window?.screen?.x ?? 0)
|
anchorX: iconItem.mapToGlobal(iconItem.width / 2, 0).x - (QsWindow.window?.screen?.x ?? 0)
|
||||||
|
|
|
||||||
|
|
@ -196,6 +196,8 @@ M.BarSection {
|
||||||
topRightRadius: 0
|
topRightRadius: 0
|
||||||
bottomLeftRadius: M.Theme.radius
|
bottomLeftRadius: M.Theme.radius
|
||||||
bottomRightRadius: M.Theme.radius
|
bottomRightRadius: M.Theme.radius
|
||||||
|
border.color: root.accentColor
|
||||||
|
border.width: 1
|
||||||
}
|
}
|
||||||
|
|
||||||
Column {
|
Column {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue