forked from Shinonome/dots-hyprland
end-4
61 lines
2.0 KiB
QML
61 lines
2.0 KiB
QML
import "root:/modules/common"
|
|
import "root:/modules/common/widgets"
|
|
import "root:/modules/common/functions/color_utils.js" as ColorUtils
|
|
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
import Quickshell.Io
|
|
|
|
Button {
|
|
id: button
|
|
|
|
property bool toggled
|
|
property string buttonIcon
|
|
property string buttonText
|
|
|
|
Layout.alignment: Qt.AlignHCenter
|
|
implicitHeight: columnLayout.implicitHeight
|
|
implicitWidth: columnLayout.implicitWidth
|
|
|
|
background: null
|
|
PointingHandInteraction {}
|
|
|
|
// Real stuff
|
|
ColumnLayout {
|
|
id: columnLayout
|
|
spacing: 5
|
|
Rectangle {
|
|
width: 62
|
|
implicitHeight: navRailButtonIcon.height + 2 * 2
|
|
Layout.alignment: Qt.AlignHCenter
|
|
radius: Appearance.rounding.full
|
|
color: toggled ?
|
|
(button.down ? Appearance.colors.colSecondaryContainerActive : button.hovered ? Appearance.colors.colSecondaryContainerHover : Appearance.m3colors.m3secondaryContainer) :
|
|
(button.down ? Appearance.colors.colLayer1Active : button.hovered ? Appearance.colors.colLayer1Hover : ColorUtils.transparentize(Appearance.colors.colLayer1Hover, 1))
|
|
|
|
Behavior on color {
|
|
animation: Appearance.animation.elementMoveFast.colorAnimation.createObject(this)
|
|
}
|
|
MaterialSymbol {
|
|
id: navRailButtonIcon
|
|
anchors.centerIn: parent
|
|
iconSize: Appearance.font.pixelSize.hugeass
|
|
fill: toggled ? 1 : 0
|
|
text: buttonIcon
|
|
color: toggled ? Appearance.m3colors.m3onSecondaryContainer : Appearance.colors.colOnLayer1
|
|
|
|
Behavior on color {
|
|
animation: Appearance.animation.elementMoveFast.colorAnimation.createObject(this)
|
|
}
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
Layout.alignment: Qt.AlignHCenter
|
|
text: buttonText
|
|
color: Appearance.colors.colOnLayer1
|
|
}
|
|
}
|
|
|
|
}
|