mirror of
https://github.com/kossLAN/dots.git
synced 2025-11-04 22:49:50 -05:00
kossLAN
9e44812e93
remove syncthing folder bar/popops: fix menu window anims and positioning bar/popops: change anims a little and add dropshadow Update README.md widgets/coloredicon: move to colorization, looks worse but..., yea bar/popops: make popup window dissapear on menu close README: add todo list, and brief desc Update README.md Update README.md Update README.md bar/systray: issue recreate on interact bar/systray: hide popup on interact bar/systray: add arrow for entries with children bar/battery: start of battery widget wallpaper/matugen: add foot template extra sizing conditions for sys tray bar/systray: add some more margin to text update settings schema bar/workspaces: filter by monitor, switch to scriptmodel settings: fix settings lol bar/systray: fix right item feat: screenshot tool clipboard one day... feat: init lockscreen mpris: add ipc handler for multimedia keys mpris stuff save progress put shell in subdir, and add nix package move readme back woops bar/volume: make tool bar smaller greeter: init greeter greeter: fixed resource links readme: update checklist progress maybe, maybe not fix: fixed screenshot tool not working fix: bar layout issues progress save progress update track styled popup still broken but getting there still broken but getting there fix: gitignore qmlls.ini fix: remove qmlls.ini progress save new popup system new popup system new popup system more work on popups fix: mask issues on popups update readme
105 lines
2.9 KiB
QML
105 lines
2.9 KiB
QML
pragma ComponentBehavior: Bound
|
|
|
|
import QtQuick
|
|
import QtQuick.Controls
|
|
import Qt5Compat.GraphicalEffects
|
|
import ".."
|
|
|
|
Slider {
|
|
id: root
|
|
|
|
value: 0.5
|
|
from: 0.0
|
|
to: 1.0
|
|
|
|
property string text
|
|
property Component icon
|
|
|
|
background: Rectangle {
|
|
id: background
|
|
implicitWidth: parent.width
|
|
implicitHeight: parent.height
|
|
width: root.availableWidth
|
|
height: implicitHeight
|
|
x: root.leftPadding
|
|
y: root.topPadding + root.availableHeight / 2 - height / 2
|
|
z: 0
|
|
color: ShellSettings.colors["surface_container_highest"]
|
|
radius: height / 2
|
|
|
|
layer.enabled: true
|
|
layer.effect: OpacityMask {
|
|
maskSource: Rectangle {
|
|
width: background.implicitWidth
|
|
height: background.implicitHeight
|
|
radius: background.radius
|
|
color: "black"
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: visualPos
|
|
width: root.visualPosition * (root.availableWidth - root.height) + (root.height / 2)
|
|
height: parent.height
|
|
color: ShellSettings.colors["primary"]
|
|
}
|
|
|
|
Text {
|
|
id: sliderText
|
|
text: root.text
|
|
visible: text !== ""
|
|
color: ShellSettings.colors["inverse_primary"]
|
|
horizontalAlignment: Text.AlignLeft
|
|
verticalAlignment: Text.AlignVCenter
|
|
elide: Text.ElideRight
|
|
|
|
font {
|
|
pointSize: Math.max(handle.implicitHeight * 0.35, 11)
|
|
}
|
|
|
|
anchors {
|
|
top: parent.top
|
|
bottom: parent.bottom
|
|
left: {
|
|
let visualWidth = (root.visualPosition * root.availableWidth);
|
|
if ((visualWidth / root.availableWidth) < 0.5)
|
|
return visualPos.right;
|
|
else
|
|
return parent.left;
|
|
}
|
|
right: {
|
|
let visualWidth = (root.visualPosition * root.availableWidth);
|
|
if ((visualWidth / root.availableWidth) > 0.5)
|
|
return visualPos.right;
|
|
else
|
|
return parent.right;
|
|
}
|
|
|
|
leftMargin: 20
|
|
rightMargin: 20
|
|
}
|
|
}
|
|
}
|
|
|
|
handle: Rectangle {
|
|
id: handle
|
|
color: ShellSettings.colors["primary"]
|
|
implicitWidth: root.height
|
|
implicitHeight: root.height
|
|
radius: width / 2
|
|
|
|
x: root.leftPadding + root.visualPosition * (root.availableWidth - width)
|
|
y: root.topPadding + root.availableHeight / 2 - height / 2
|
|
// icon maybe
|
|
|
|
Loader {
|
|
active: root.icon !== undefined
|
|
sourceComponent: root.icon
|
|
|
|
anchors {
|
|
fill: parent
|
|
margins: 2
|
|
}
|
|
}
|
|
}
|
|
}
|