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

initialstart: Cap content width for wide screens

Browse source 
Cap the content width for wider screens, as the space is unnecessary
anyway.

Also use item y positioning for the animation instead of transform for
simplicity.
This commit is contained in:
Devin Lin 2025-03-05 12:30:46 -05:00
parent 162c28c0e6
commit 88462a3b4b
1 changed files with 18 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
initialstart/qml/Wizard.qml
View file

@ -1,14 +1,14 @@
// SPDX-FileCopyrightText: 2023 Devin Lin <devin@kde.org> // SPDX-FileCopyrightText: 2023 Devin Lin <devin@kde.org>
// SPDX-License-Identifier: GPL-2.0-or-later // SPDX-License-Identifier: GPL-2.0-or-later
import QtQuick 2.15 import QtQuick
import QtQuick.Controls 2.15 import QtQuick.Controls
import QtQuick.Layouts 1.15 import QtQuick.Layouts
import org.kde.kirigami 2.20 as Kirigami import org.kde.kirigami as Kirigami
import org.kde.plasma.private.mobileshell as MobileShell import org.kde.plasma.private.mobileshell as MobileShell
import initialstart 1.0 as InitialStart import initialstart as InitialStart
Kirigami.Page { Kirigami.Page {
id: root id: root
@ -128,11 +128,13 @@ Kirigami.Page {
Item { Item {
id: stepsComponent id: stepsComponent
anchors.fill: parent width: parent.width
height: parent.height
// animation when we switch to step stage // animation when we switch to step stage
opacity: root.showingLanding ? 0 : 1 opacity: root.showingLanding ? 0 : 1
property real translateY: root.showingLanding ? overlaySteps.height : 0 x: 0
y: root.showingLanding ? overlaySteps.height : 0
Behavior on opacity { Behavior on opacity {
NumberAnimation { NumberAnimation {
@ -141,15 +143,13 @@ Kirigami.Page {
} }
} }
Behavior on translateY { Behavior on y {
NumberAnimation { NumberAnimation {
duration: 1000 duration: 1000
easing.type: Easing.OutExpo easing.type: Easing.OutExpo
} }
} }
transform: Translate { y: stepsComponent.translateY }
// heading for all the wizard steps // heading for all the wizard steps
Label { Label {
id: stepHeading id: stepHeading
@ -191,14 +191,20 @@ Kirigami.Page {
Rectangle { Rectangle {
id: overlaySteps id: overlaySteps
clip: true
Kirigami.Theme.inherit: false Kirigami.Theme.inherit: false
Kirigami.Theme.colorSet: Kirigami.Theme.Window Kirigami.Theme.colorSet: Kirigami.Theme.Window
color: Kirigami.Theme.backgroundColor color: Kirigami.Theme.backgroundColor
topLeftRadius: Kirigami.Units.gridUnit
topRightRadius: Kirigami.Units.gridUnit
anchors.fill: parent anchors.bottom: parent.bottom
anchors.topMargin: root.height * 0.3 anchors.horizontalCenter: parent.horizontalCenter
height: root.height * 0.7
width: Math.min(parent.width, Kirigami.Units.gridUnit * 30)
// all steps are in this container // all steps are in this container
Item { Item {