Modules/Settings/NavPane/NavLocations.qml

@@ -148,16 +148,39 @@ VerticalFadeFlickable {
 			}
 		}
 
-		ListView {
+		Column {
 			id: resultList
 
 			Layout.fillWidth: true
-			cacheBuffer: 10000
-			implicitHeight: contentHeight
-			interactive: false
 			spacing: Appearance.padding.large
 
-			delegate: ColumnLayout {
+			add: Transition {
+				Anim {
+					from: 0
+					property: "opacity"
+					to: 1
+					type: Anim.DefaultEffects
+				}
+			}
+			move: Transition {
+				Anim {
+					properties: "x,y"
+				}
+
+				Anim {
+					property: "opacity"
+					to: 1
+					type: Anim.DefaultEffects
+				}
+			}
+
+			Repeater {
+				model: ScriptModel {
+					objectProp: "pageIdx"
+					values: root.groups
+				}
+
+				ColumnLayout {
 					id: group
 
 					required property int index
@@ -173,25 +196,51 @@ VerticalFadeFlickable {
 
 						MaterialIcon {
 							color: DynamicColors.palette.m3primary
+							fill: 1
 							font.pointSize: Appearance.font.size.large
 							text: group.modelData.icon
 						}
 
 						CustomText {
 							Layout.fillWidth: true
-						color: DynamicColors.palette.m3primary
+							color: DynamicColors.palette.m3secondary
 							elide: Text.ElideRight
 							font.pointSize: Appearance.font.size.large
 							text: group.modelData.page
 						}
 					}
 
-				ColumnLayout {
+					Column {
+						id: cardList
+
 						Layout.fillWidth: true
 						spacing: Appearance.spacing.extraSmall / 2
 
+						add: Transition {
+							Anim {
+								from: 0
+								property: "opacity"
+								to: 1
+								type: Anim.DefaultEffects
+							}
+						}
+						move: Transition {
+							Anim {
+								properties: "x,y"
+							}
+
+							Anim {
+								property: "opacity"
+								to: 1
+								type: Anim.DefaultEffects
+							}
+						}
+
 						Repeater {
-						model: group.modelData.entries
+							model: ScriptModel {
+								objectProp: "anchor"
+								values: group.modelData.entries
+							}
 
 							CustomRect {
 								id: result
@@ -201,7 +250,6 @@ VerticalFadeFlickable {
 								readonly property bool isLast: index === group.modelData.entries.length - 1
 								required property var modelData
 
-							Layout.fillWidth: true
 								bottomLeftRadius: layer.pressed ? Appearance.rounding.medium : isLast ? Appearance.rounding.large : Appearance.rounding.extraSmall
 								bottomRightRadius: layer.pressed ? Appearance.rounding.medium : isLast ? Appearance.rounding.large : Appearance.rounding.extraSmall
 								color: DynamicColors.layer(DynamicColors.palette.m3surfaceContainerHigh, 2)
@@ -211,6 +259,7 @@ VerticalFadeFlickable {
 								}
 								topLeftRadius: layer.pressed ? Appearance.rounding.medium : isFirst ? Appearance.rounding.large : Appearance.rounding.extraSmall
 								topRightRadius: layer.pressed ? Appearance.rounding.medium : isFirst ? Appearance.rounding.large : Appearance.rounding.extraSmall
+								width: cardList.width
 
 								RadiusBehavior on bottomLeftRadius {
 								}
@@ -292,9 +341,6 @@ VerticalFadeFlickable {
 						}
 					}
 				}
-			model: ScriptModel {
-				objectProp: "pageIdx"
-				values: root.groups
 			}
 		}