mirror of
https://invent.kde.org/marcoa/shift-shell.git
synced 2026-04-26 14:23:09 +00:00
Move close button to power panel
The dismiss button in the drawer header was isolated from the other controls. Moving it to the top of the power panel groups everything in one place and lets the power icons sit centered between it and the user avatar.
This commit is contained in:
parent
d0b4cbe2b0
commit
2a0e4428c7
2 changed files with 48 additions and 18 deletions
|
|
@ -8,7 +8,6 @@ import QtQuick.Layouts
|
||||||
import org.kde.kirigami as Kirigami
|
import org.kde.kirigami as Kirigami
|
||||||
|
|
||||||
import org.kde.plasma.components 3.0 as PlasmaComponents
|
import org.kde.plasma.components 3.0 as PlasmaComponents
|
||||||
import org.kde.plasma.private.mobileshell.shellsettingsplugin as ShellSettings
|
|
||||||
import plasma.applet.org.kde.plasma.mobile.homescreen.folio as Folio
|
import plasma.applet.org.kde.plasma.mobile.homescreen.folio as Folio
|
||||||
import './delegate'
|
import './delegate'
|
||||||
|
|
||||||
|
|
@ -90,21 +89,6 @@ Item {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Close button for convergence mode
|
|
||||||
QQC2.ToolButton {
|
|
||||||
visible: ShellSettings.Settings.convergenceModeEnabled
|
|
||||||
icon.name: "window-close-symbolic"
|
|
||||||
icon.color: "white"
|
|
||||||
Layout.preferredWidth: Kirigami.Units.iconSizes.medium
|
|
||||||
Layout.preferredHeight: Kirigami.Units.iconSizes.medium
|
|
||||||
onClicked: folio.HomeScreenState.closeAppDrawer()
|
|
||||||
|
|
||||||
QQC2.ToolTip.text: i18n("Close")
|
|
||||||
QQC2.ToolTip.visible: hovered
|
|
||||||
QQC2.ToolTip.delay: Kirigami.Units.toolTipDelay
|
|
||||||
|
|
||||||
Kirigami.Theme.inherit: false
|
|
||||||
Kirigami.Theme.colorSet: Kirigami.Theme.Complementary
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -400,10 +400,56 @@ ContainmentItem {
|
||||||
id: powerSession
|
id: powerSession
|
||||||
}
|
}
|
||||||
|
|
||||||
// Power buttons stacked at top — icon only, tooltip on hover
|
// Close button anchored to top — smaller than power icons
|
||||||
|
Rectangle {
|
||||||
|
id: closeButton
|
||||||
|
anchors.top: parent.top
|
||||||
|
anchors.left: parent.left
|
||||||
|
anchors.right: parent.right
|
||||||
|
anchors.margins: Kirigami.Units.smallSpacing
|
||||||
|
height: Kirigami.Units.iconSizes.smallMedium + 2 * Kirigami.Units.smallSpacing
|
||||||
|
radius: Kirigami.Units.cornerRadius
|
||||||
|
color: closeArea.containsPress
|
||||||
|
? Qt.rgba(Kirigami.Theme.textColor.r, Kirigami.Theme.textColor.g, Kirigami.Theme.textColor.b, 0.2)
|
||||||
|
: closeArea.containsMouse
|
||||||
|
? Qt.rgba(Kirigami.Theme.textColor.r, Kirigami.Theme.textColor.g, Kirigami.Theme.textColor.b, 0.1)
|
||||||
|
: "transparent"
|
||||||
|
Kirigami.Icon {
|
||||||
|
anchors.centerIn: parent
|
||||||
|
width: Kirigami.Units.iconSizes.smallMedium
|
||||||
|
height: width
|
||||||
|
source: "window-close-symbolic"
|
||||||
|
active: closeArea.containsMouse
|
||||||
|
}
|
||||||
|
PlasmaComponents.ToolTip {
|
||||||
|
text: i18n("Close")
|
||||||
|
visible: closeArea.containsMouse
|
||||||
|
}
|
||||||
|
MouseArea {
|
||||||
|
id: closeArea
|
||||||
|
anchors.fill: parent
|
||||||
|
hoverEnabled: true
|
||||||
|
cursorShape: Qt.PointingHandCursor
|
||||||
|
onClicked: folio.HomeScreenState.closeAppDrawer()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Separator below close button
|
||||||
|
Rectangle {
|
||||||
|
anchors.top: closeButton.bottom
|
||||||
|
anchors.topMargin: Kirigami.Units.smallSpacing
|
||||||
|
anchors.left: parent.left
|
||||||
|
anchors.right: parent.right
|
||||||
|
anchors.leftMargin: Kirigami.Units.smallSpacing
|
||||||
|
anchors.rightMargin: Kirigami.Units.smallSpacing
|
||||||
|
height: 1
|
||||||
|
color: Qt.rgba(Kirigami.Theme.textColor.r, Kirigami.Theme.textColor.g, Kirigami.Theme.textColor.b, 0.15)
|
||||||
|
}
|
||||||
|
|
||||||
|
// Power buttons centred vertically in the panel
|
||||||
Column {
|
Column {
|
||||||
id: powerColumn
|
id: powerColumn
|
||||||
anchors.top: parent.top
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
anchors.left: parent.left
|
anchors.left: parent.left
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
anchors.margins: Kirigami.Units.smallSpacing
|
anchors.margins: Kirigami.Units.smallSpacing
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue