baobeld/lux-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

switch workspace to clickable

Browse source
This commit is contained in:
Benjamin Palko 2025-07-22 13:17:59 -04:00
parent 903803bdfd
commit 85dbc986af
1 changed files with 42 additions and 75 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

117
modules/bar/components/hyprland/Workspace.qml
View file

@ -1,89 +1,56 @@
import QtQuick
import QtQuick.Controls
import QtQuick.Effects
import Quickshell.Hyprland
import "../../../../config"
import "../../../../styled/"
Item {
id: workspace
Loader {
required property HyprlandWorkspace modelData
visible: modelData.id > 0
active: modelData.id > 0
width: Dimensions.workspace.width
height: Dimensions.workspace.height
sourceComponent: workspace
property Component workspace: Clickable {
id: clickable
Rectangle {
id: rectangle
anchors.fill: parent
color: Theme.palette.base100
radius: Dimensions.radius
states: State {
name: "hovered"
when: mouseArea.containsMouse
PropertyChanges {
rectangle {
color: Theme.palette.primary
width: Dimensions.workspace.width
height: Dimensions.workspace.height
onClicked: modelData.activate()
Icon {
id: icon
source: "/home/baobeld/dotfiles/quickshell/assets/triangle.svg"
anchors.centerIn: parent
size: Dimensions.workspace.iconSize
states: State {
name: "active"
when: modelData.active
PropertyChanges {
icon {
rotation: 180
color: clickable.hovered ? Theme.palette.basecontent : Theme.palette.primary
}
}
}
transitions: Transition {
from: ""
to: "active"
reversible: true
ParallelAnimation {
RotationAnimation {
duration: 200
easing.type: Easing.InOutCubic
}
ColorAnimation {
duration: 200
easing.type: Easing.OutCubic
}
}
}
}
transitions: Transition {
from: ""
to: "hovered"
reversible: true
ColorAnimation {
properties: "color"
duration: 200
easing.type: Easing.InOutCubic
}
}
}
Icon {
id: icon
source: "/home/baobeld/dotfiles/quickshell/assets/triangle.svg"
anchors.centerIn: parent
size: Dimensions.workspace.iconSize
states: State {
name: "active"
when: workspace.modelData.active
PropertyChanges {
icon {
rotation: 180
color: mouseArea.containsMouse ? Theme.palette.basecontent : Theme.palette.primary
}
}
}
transitions: Transition {
from: ""
to: "active"
reversible: true
ParallelAnimation {
RotationAnimation {
duration: 200
easing.type: Easing.InOutCubic
}
ColorAnimation {
duration: 200
easing.type: Easing.OutCubic
}
}
}
}
MouseArea {
id: mouseArea
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
hoverEnabled: true
onClicked: workspace.modelData.activate()
}
}