lock: completely hide media if screen too small
This commit is contained in:
parent
8028deb62a
commit
e79895b8f2
3 changed files with 43 additions and 33 deletions
|
|
@ -18,5 +18,6 @@ JsonObject {
|
|||
property int mediaCoverSizeSmall: 120
|
||||
property int mediaCoverBorder: 3
|
||||
property int largeScreenWidth: 2560
|
||||
property int smallScreenWidth: 1080
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@ Item {
|
|||
|
||||
required property bool locked
|
||||
required property real weatherWidth
|
||||
required property bool isNormal
|
||||
required property bool isLarge
|
||||
|
||||
readonly property real clockBottom: innerMask.anchors.margins + clockPath.height
|
||||
|
|
@ -277,7 +278,7 @@ Item {
|
|||
readonly property real roundingY: height < rounding * 2 ? height / 2 : rounding
|
||||
|
||||
strokeWidth: -1
|
||||
fillColor: Config.border.colour
|
||||
fillColor: root.isNormal ? Config.border.colour : "transparent"
|
||||
|
||||
startX: root.isLarge ? 0 : Math.ceil(innerMask.width)
|
||||
startY: root.isLarge ? height + roundingY : Math.ceil(innerMask.height) - height - roundingY
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
pragma ComponentBehavior: Bound
|
||||
|
||||
import "root:/widgets"
|
||||
import "root:/services"
|
||||
import "root:/config"
|
||||
|
|
@ -71,6 +73,7 @@ WlSessionLockSurface {
|
|||
|
||||
locked: root.locked
|
||||
weatherWidth: weather.implicitWidth
|
||||
isNormal: root.screen.width > Config.lock.sizes.smallScreenWidth
|
||||
isLarge: root.screen.width > Config.lock.sizes.largeScreenWidth
|
||||
visible: false
|
||||
}
|
||||
|
|
@ -108,7 +111,11 @@ WlSessionLockSurface {
|
|||
anchors.rightMargin: -backgrounds.weatherRight
|
||||
}
|
||||
|
||||
MediaPlaying {
|
||||
Loader {
|
||||
active: root.screen.width > Config.lock.sizes.smallScreenWidth
|
||||
asynchronous: true
|
||||
|
||||
sourceComponent: MediaPlaying {
|
||||
id: media
|
||||
|
||||
isLarge: root.screen.width > Config.lock.sizes.largeScreenWidth
|
||||
|
|
@ -145,6 +152,7 @@ WlSessionLockSurface {
|
|||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
component Anim: NumberAnimation {
|
||||
duration: Appearance.anim.durations.large
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue