mirror of
https://invent.kde.org/marcoa/shift-shell.git
synced 2026-04-26 14:23:09 +00:00
e196a91c8b
This commit changes the action drawer colorsets to be contextually correct. The panel background would use the window background colors (instead of the view ones), and quicksettings delegates would use colors from the Button color set (rather than the view).
This also changes the background scrim to always be dark even in light mode. I think this is important to do because we have two views (notifications, and quick settings), which currently don't have much in the way of colours to distinguish the two.
This commit also makes some changes to the notifications widget in order for its card foreground to be the standard theme colors.
{width=200}
{width=200}
{width=300}
{width=200}
{width=200}
{width=300}
114 lines
3.7 KiB
QML
114 lines
3.7 KiB
QML
// SPDX-FileCopyrightText: 2022 Devin Lin <espidev@gmail.com>
|
|
// SPDX-License-Identifier: GPL-2.0-or-later
|
|
|
|
import QtQuick
|
|
import QtQuick.Layouts
|
|
|
|
import org.kde.plasma.private.mobileshell as MobileShell
|
|
import org.kde.kirigami as Kirigami
|
|
|
|
import org.kde.notificationmanager as NotificationManager
|
|
|
|
Loader {
|
|
id: root
|
|
required property var lockScreenState
|
|
|
|
property var notificationsModel: []
|
|
property var notificationSettings: NotificationManager.Settings {}
|
|
|
|
property real leftMargin: 0
|
|
property real rightMargin: 0
|
|
property real topMargin: 0
|
|
property real bottomMargin: 0
|
|
|
|
property real topPadding: 0
|
|
|
|
readonly property bool notificationsShown: item && item.notificationsList.hasNotifications
|
|
readonly property bool listOverflowing: item && item.notificationsList.listView.listOverflowing
|
|
|
|
property bool scrollLock: false
|
|
|
|
property var notificationsList: item ? item.notificationsList : null
|
|
|
|
signal passwordRequested()
|
|
|
|
// perform delayed loading of notifications
|
|
active: false
|
|
Timer {
|
|
interval: 500
|
|
running: true
|
|
onTriggered: root.active = true
|
|
}
|
|
|
|
Connections {
|
|
target: lockScreenState
|
|
|
|
function onUnlockSucceeded() {
|
|
// run pending action if successfully unlocked
|
|
if (notificationsList.requestNotificationAction) {
|
|
notificationsList.runPendingAction();
|
|
notificationsList.requestNotificationAction = false;
|
|
}
|
|
}
|
|
|
|
function onUnlockFailed() {
|
|
notificationsList.requestNotificationAction = false;
|
|
}
|
|
}
|
|
|
|
sourceComponent: Item {
|
|
clip: true
|
|
|
|
property alias notificationsList: notificationsList
|
|
|
|
Item {
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.topMargin: root.topMargin
|
|
anchors.leftMargin: root.leftMargin
|
|
anchors.rightMargin: root.rightMargin
|
|
|
|
Kirigami.Theme.colorSet: Kirigami.Theme.Window
|
|
Kirigami.Theme.inherit: false
|
|
|
|
height: Math.min(parent.height - root.topMargin - root.bottomMargin, notificationsList.listView.listHeight + Kirigami.Units.gridUnit)
|
|
|
|
MobileShell.NotificationsWidget {
|
|
id: notificationsList
|
|
anchors.fill: parent
|
|
opacity: 0 // we display with the opacity gradient below
|
|
|
|
historyModelType: MobileShell.NotificationsModelType.WatchedNotificationsModel
|
|
actionsRequireUnlock: true
|
|
historyModel: root.notificationsModel
|
|
notificationSettings: root.notificationSettings
|
|
panelType: MobileShell.PanelBackground.PanelType.Wallpaper
|
|
inLockScreen: true
|
|
topPadding: root.topPadding // Kirigami.Units.gridUnit
|
|
bottomPadding: Kirigami.Units.gridUnit
|
|
listView.interactive: !root.scrollLock && listView.listOverflowing
|
|
|
|
cardColorScheme: Kirigami.Theme.Window
|
|
|
|
property bool requestNotificationAction: false
|
|
|
|
onUnlockRequested: {
|
|
requestNotificationAction = true;
|
|
root.passwordRequested();
|
|
}
|
|
}
|
|
|
|
// opacity gradient at flickable edges
|
|
MobileShell.FlickableOpacityGradient {
|
|
anchors {
|
|
top: notificationsList.top
|
|
left: notificationsList.left
|
|
right: notificationsList.right
|
|
}
|
|
height: notificationsList.listView.height
|
|
flickable: notificationsList.listView
|
|
}
|
|
}
|
|
}
|
|
}
|