Fixing section headers' wrapping and eliding (#3480)

* fixing wraping for sectionTitle * last adjustment * post review fix
MerginMaps · Jun 5, 2024 · 29db4a0 · 29db4a0
1 parent d1fc59e
commit 29db4a0
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/app/qml/form/MMFormPage.qml b/app/qml/form/MMFormPage.qml
@@ -224,7 +224,7 @@ Page {
 
       property string sectionTitle: section
 
-      height: section ? 76 * __dp : 0
+      height: section ? childrenRect.height : 0
       width: ListView.view.width
 
       // section bgnd
@@ -233,15 +233,21 @@ Page {
         color: __style.lightGreenColor;
       }
 
-      Text {
+      MMComponents.MMText {
         id: sectionTitle
 
         text: section
         font: __style.h3
         color: __style.forestColor
 
+        width: parent.width
+        wrapMode: Text.Wrap
+        elide: Text.ElideRight
+
         topPadding: internal.formSpacing
         bottomPadding: internal.formSpacing
+
+        maximumLineCount: 3
       }
     }
   }