Salastil/DankMaterialShell
1
0
Fork 0
mirror of https://github.com/AvengeMedia/DankMaterialShell.git synced 2026-01-24 21:42:51 -05:00
Code Packages Releases Activity

settings: wrap sidebar in flickable

Browse Source 
fixes #581
This commit is contained in:
bbedward
2025-10-31 00:00:01 -04:00
parent 3c20e9e203
commit 505b6368e6
1 changed files with 72 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
Modals/Settings/SettingsSidebar.qml
View File

@@ -58,84 +58,93 @@ Rectangle {
color: Theme.surfaceContainer color: Theme.surfaceContainer
radius: Theme.cornerRadius radius: Theme.cornerRadius
Column { DankFlickable {
anchors.fill: parent anchors.fill: parent
anchors.leftMargin: Theme.spacingS clip: true
anchors.rightMargin: Theme.spacingS contentHeight: sidebarColumn.implicitHeight
anchors.bottomMargin: Theme.spacingS
anchors.topMargin: Theme.spacingM + 2
spacing: Theme.spacingXS
ProfileSection { Column {
parentModal: sidebarContainer.parentModal id: sidebarColumn
}
Rectangle {
width: parent.width - Theme.spacingS * 2
height: 1
color: Theme.outline
opacity: 0.2
}
Item {
width: parent.width width: parent.width
height: Theme.spacingL anchors.leftMargin: Theme.spacingS
} anchors.rightMargin: Theme.spacingS
anchors.bottomMargin: Theme.spacingS
anchors.topMargin: Theme.spacingM + 2
spacing: Theme.spacingXS
Repeater { ProfileSection {
id: sidebarRepeater parentModal: sidebarContainer.parentModal
}
model: sidebarContainer.sidebarItems
delegate: Rectangle {
required property int index
required property var modelData
property bool isActive: sidebarContainer.currentIndex === index
Rectangle {
width: parent.width - Theme.spacingS * 2 width: parent.width - Theme.spacingS * 2
height: 44 height: 1
radius: Theme.cornerRadius color: Theme.outline
color: isActive ? Theme.primary : tabMouseArea.containsMouse ? Theme.surfaceHover : "transparent" opacity: 0.2
}
Row { Item {
anchors.left: parent.left width: parent.width
anchors.leftMargin: Theme.spacingM height: Theme.spacingL
anchors.verticalCenter: parent.verticalCenter }
spacing: Theme.spacingM
DankIcon { Repeater {
name: modelData.icon || "" id: sidebarRepeater
size: Theme.iconSize - 2
color: parent.parent.isActive ? Theme.primaryText : Theme.surfaceText model: sidebarContainer.sidebarItems
delegate: Rectangle {
required property int index
required property var modelData
property bool isActive: sidebarContainer.currentIndex === index
width: sidebarColumn.width - Theme.spacingS * 2
height: 44
radius: Theme.cornerRadius
color: isActive ? Theme.primary : tabMouseArea.containsMouse ? Theme.surfaceHover : "transparent"
Row {
anchors.left: parent.left
anchors.leftMargin: Theme.spacingM
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
spacing: Theme.spacingM
DankIcon {
name: modelData.icon || ""
size: Theme.iconSize - 2
color: parent.parent.isActive ? Theme.primaryText : Theme.surfaceText
anchors.verticalCenter: parent.verticalCenter
}
StyledText {
text: modelData.text || ""
font.pixelSize: Theme.fontSizeMedium
color: parent.parent.isActive ? Theme.primaryText : Theme.surfaceText
font.weight: parent.parent.isActive ? Font.Medium : Font.Normal
anchors.verticalCenter: parent.verticalCenter
}
} }
StyledText { MouseArea {
text: modelData.text || "" id: tabMouseArea
font.pixelSize: Theme.fontSizeMedium
color: parent.parent.isActive ? Theme.primaryText : Theme.surfaceText anchors.fill: parent
font.weight: parent.parent.isActive ? Font.Medium : Font.Normal hoverEnabled: true
anchors.verticalCenter: parent.verticalCenter cursorShape: Qt.PointingHandCursor
onClicked: () => {
sidebarContainer.currentIndex = index;
}
} }
} Behavior on color {
ColorAnimation {
duration: Theme.shortDuration
easing.type: Theme.standardEasing
}
MouseArea {
id: tabMouseArea
anchors.fill: parent
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
onClicked: () => {
sidebarContainer.currentIndex = index;
}
}
Behavior on color {
ColorAnimation {
duration: Theme.shortDuration
easing.type: Theme.standardEasing
} }
} }