launcher: better app items

Also config max shown
Custom cursor for styled text field

2 files changed, 55 insertions, 15 deletions

diff --git a/modules/launcher/AppItem.qml b/modules/launcher/AppItem.qml
new file mode 100644
index 0000000..24e0470
--- /dev/null
+++ b/modules/launcher/AppItem.qml
@@ -0,0 +1,53 @@
+import "root:/widgets"
+import "root:/config"
+import Quickshell
+import Quickshell.Widgets
+import QtQuick
+
+PaddedRect {
+    id: root
+
+    required property DesktopEntry modelData
+
+    implicitWidth: ListView.view.width
+    padding: [Appearance.padding.smaller, Appearance.padding.normal]
+    radius: Appearance.rounding.normal
+    color: Appearance.alpha(Appearance.colours.m3surfaceContainerHighest, true)
+
+    IconImage {
+        id: icon
+
+        source: Quickshell.iconPath(root.modelData.icon)
+        implicitSize: parent.height * 0.8
+
+        anchors.verticalCenter: parent.verticalCenter
+    }
+
+    Item {
+        anchors.left: icon.right
+        anchors.leftMargin: Appearance.spacing.normal
+        anchors.verticalCenter: icon.verticalCenter
+
+        implicitWidth: parent.width - icon.width
+        implicitHeight: childrenRect.height
+
+        StyledText {
+            id: name
+
+            text: root.modelData.name
+            font.pointSize: Appearance.font.size.normal
+        }
+
+        StyledText {
+            text: root.modelData.comment
+            // font.family: Appearance.font.family.mono
+            font.pointSize: Appearance.font.size.small
+            color: Appearance.alpha(Appearance.colours.m3outline, true)
+
+            elide: Text.ElideRight
+            width: root.width - icon.width - Appearance.rounding.normal * 2
+
+            anchors.top: name.bottom
+        }
+    }
+}
diff --git a/modules/launcher/Content.qml b/modules/launcher/Content.qml
index 5f99345..a41fca4 100644
--- a/modules/launcher/Content.qml
+++ b/modules/launcher/Content.qml
@@ -37,27 +37,14 @@ Item {
             spacing: Appearance.spacing.small
             orientation: Qt.Vertical
             verticalLayoutDirection: Qt.BottomToTop
-            implicitHeight: ((currentItem?.height ?? 1) + spacing) * Math.min(10, count) - spacing
+            implicitHeight: ((currentItem?.height ?? 1) + spacing) * Math.min(LauncherConfig.maxShown, count) - spacing
 
             anchors.left: parent.left
             anchors.right: parent.right
             anchors.bottom: parent.bottom
             anchors.margins: Appearance.padding.large
 
-            delegate: PaddedRect {
-                id: entry
-
-                required property DesktopEntry modelData
-
-                radius: Appearance.rounding.normal
-                color: Appearance.alpha(Appearance.colours.m3surfaceContainerHighest, true)
-
-                StyledText {
-                    text: modelData.name
-                    font.family: Appearance.font.family.sans
-                    font.pointSize: Appearance.font.size.smaller
-                }
-            }
+            delegate: AppItem {}
 
             add: Transition {
                 Anim {