marcoallegretti/shift-shell
1
0
Fork 0
mirror of https://invent.kde.org/marcoa/shift-shell.git synced 2026-04-29 15:03:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

quicksettings: fix media widget in landscape view

Browse source
This commit is contained in:
Yari Polla 2022-05-14 21:15:46 +02:00 committed by Devin Lin
parent ed0030eea3
commit ab91a42e9e
3 changed files with 59 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

80
components/mobileshell/qml/actiondrawer/LandscapeContentContainer.qml
View file

@ -28,6 +28,7 @@ PlasmaCore.ColorScope {
readonly property real minimizedQuickSettingsOffset: height
readonly property real maximizedQuickSettingsOffset: height
readonly property bool isOnLargeScreen: width > quickSettings.width * 2.5
colorGroup: PlasmaCore.Theme.ViewColorGroup
@ -62,11 +63,12 @@ PlasmaCore.ColorScope {
// left side
ColumnLayout {
id: columnLayout
opacity: applyMinMax(root.actionDrawer.offset / root.maximizedQuickSettingsOffset)
spacing: 0
anchors {
top: parent.top
topMargin: Math.min(root.width, root.height) * 0.06
top: mediaWidget.bottom
bottom: parent.bottom
bottomMargin: Math.min(root.width, root.height) * 0.06
right: quickSettings.left
@ -75,28 +77,7 @@ PlasmaCore.ColorScope {
leftMargin: Math.min(root.width, root.height) * 0.06
}
PlasmaComponents.Label {
id: clock
text: Qt.formatTime(timeSource.data.Local.DateTime, MobileShell.ShellUtil.isSystem24HourFormat ? "h:mm" : "h:mm ap")
verticalAlignment: Qt.AlignTop
Layout.fillWidth: true
font.pixelSize: Math.min(40, Math.min(root.width, root.height) * 0.1)
font.weight: Font.ExtraLight
elide: Text.ElideRight
}
PlasmaComponents.Label {
id: date
text: Qt.formatDate(timeSource.data.Local.DateTime, "ddd MMMM d")
verticalAlignment: Qt.AlignTop
color: PlasmaCore.ColorScope.disabledTextColor
Layout.fillWidth: true
Layout.topMargin: PlasmaCore.Units.smallSpacing
font.pixelSize: Math.min(20, Math.min(root.width, root.height) * 0.05)
font.weight: Font.Light
}
MobileShell.NotificationsWidget {
id: notificationWidget
@ -124,6 +105,59 @@ PlasmaCore.ColorScope {
}
}
PlasmaComponents.Label {
id: clock
text: Qt.formatTime(timeSource.data.Local.DateTime, MobileShell.ShellUtil.isSystem24HourFormat ? "h:mm" : "h:mm ap")
verticalAlignment: Qt.AlignVCenter
opacity: columnLayout.opacity
anchors {
left: parent.left
top: parent.top
topMargin: columnLayout.anchors.topMargin / 2
leftMargin: columnLayout.anchors.leftMargin
}
font.pixelSize: Math.min(40, Math.min(root.width, root.height) * 0.1)
font.weight: Font.ExtraLight
elide: Text.ElideRight
}
PlasmaComponents.Label {
id: date
text: Qt.formatDate(timeSource.data.Local.DateTime, "ddd MMMM d")
verticalAlignment: Qt.AlignTop
color: PlasmaCore.ColorScope.disabledTextColor
opacity: columnLayout.opacity
anchors {
left: parent.left
top: clock.bottom
bottom: isOnLargeScreen ? columnLayout.top : mediaWidget.top
topMargin: PlasmaCore.Units.smallSpacing
leftMargin: columnLayout.anchors.leftMargin
}
font.pixelSize: Math.min(20, Math.min(root.width, root.height) * 0.05)
font.weight: Font.Light
}
MobileShell.MediaControlsWidget {
id: mediaWidget
property real fullHeight: visible ? height + PlasmaCore.Units.smallSpacing * 6 : 0
y: isOnLargeScreen ? date.y - height + date.implicitHeight : date.y + date.implicitHeight + columnLayout.anchors.topMargin / 2
opacity: columnLayout.opacity
anchors {
right: quickSettings.left
left: isOnLargeScreen ? date.right : parent.left
leftMargin: columnLayout.anchors.leftMargin
rightMargin: columnLayout.anchors.rightMargin - quickSettings.leftPadding
}
}
// right sidebar
QuickSettingsPanel {
id: quickSettings

11
components/mobileshell/qml/actiondrawer/quicksettings/QuickSettingsPanel.qml
View file

@ -89,7 +89,7 @@ Components.BaseItem {
Layout.alignment: Qt.AlignTop
Layout.fillWidth: true
Layout.maximumHeight: root.fullHeight - root.topPadding - root.bottomPadding - statusBar.height - mediaWidget.fullHeight - PlasmaCore.Units.smallSpacing
Layout.maximumHeight: root.fullHeight - root.topPadding - root.bottomPadding - statusBar.height - PlasmaCore.Units.smallSpacing
Layout.maximumWidth: column.width
actionDrawer: root.actionDrawer
@ -100,15 +100,6 @@ Components.BaseItem {
Item { Layout.fillHeight: true }
}
MobileShell.MediaControlsWidget {
id: mediaWidget
property real fullHeight: visible ? height + PlasmaCore.Units.smallSpacing * 6 : 0
anchors.left: parent.left
anchors.right: parent.right
anchors.bottom: column.bottom
anchors.bottomMargin: root.bottomPadding * 2 + PlasmaCore.Units.smallSpacing * 2 // HACK: can't figure out a cleaner way to position
}
Handle {
id: handle
anchors.horizontalCenter: parent.horizontalCenter

2
components/mobileshell/qml/widgets/notifications/NotificationsWidget.qml
View file

@ -106,7 +106,7 @@ Item {
id: list
model: historyModel
currentIndex: -1
clip: true
property var pendingNotificationWithAction
boundsBehavior: Flickable.StopAtBounds