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