pack the left bar into a scroll view, such that it is at least naviga…

…table on too small screens
OpenHD · Nov 7, 2023 · 37bf5f4 · 37bf5f4
1 parent 9c4216f
commit 37bf5f4
Showing 1 changed file with 68 additions and 61 deletions.
diff --git a/qml/ui/configpopup/ConfigPopup.qml b/qml/ui/configpopup/ConfigPopup.qml
@@ -158,82 +158,89 @@ Rectangle {
                     _qopenhd.show_toast("No joystick navigation for this panel");
                 }
             }
-
-        Column {
+        ScrollView{
             width: parent.width
+            height: parent.height
+            contentHeight: navigation_buttons_column.height
+            Column {
+                id: navigation_buttons_column
+                width: parent.width
 
-            anchors.top: parent.top
+                anchors.top: parent.top
 
-            // Status
-            ConfigPopupSidebarButton{
-                id:  power
-                m_icon_text: "\uf21e" //"\uf011"
-                m_description_text: "Status"
-                m_selection_index: 0
-            }
+                // Status
+                ConfigPopupSidebarButton{
+                    id:  power
+                    m_icon_text: "\uf21e" //"\uf011"
+                    m_description_text: "Status"
+                    m_selection_index: 0
+                }
 
-            // OpenHD Settings - MavlinkAllSettingsPanel
-            ConfigPopupSidebarButton{
-                id:  openhd_button
-                m_icon_text: "\uf085"
-                m_description_text: "OpenHD"
-                m_selection_index: 1
-            }
+                // OpenHD Settings - MavlinkAllSettingsPanel
+                ConfigPopupSidebarButton{
+                    id:  openhd_button
+                    m_icon_text: "\uf085"
+                    m_description_text: "OpenHD"
+                    m_selection_index: 1
+                }
 
-            // (QOpenHD Settings - AppSettingsPanel)
-            // OSD
-            ConfigPopupSidebarButton{
-                id:  qopenhd_button
-                m_icon_text: "\uf013"
-                m_description_text: "OSD"
-                m_selection_index: 2
-            }
+                // (QOpenHD Settings - AppSettingsPanel)
+                // OSD
+                ConfigPopupSidebarButton{
+                    id:  qopenhd_button
+                    m_icon_text: "\uf013"
+                    m_description_text: "OSD"
+                    m_selection_index: 2
+                }
 
-            // Log
-            ConfigPopupSidebarButton{
-                id:  log_button
-                m_icon_text: "\uf0c9"
-                m_description_text: "Log"
-                m_selection_index: 3
-            }
+                // Log
+                ConfigPopupSidebarButton{
+                    id:  log_button
+                    m_icon_text: "\uf0c9"
+                    m_description_text: "Log"
+                    m_selection_index: 3
+                }
 
-            // RC
-            ConfigPopupSidebarButton{
-                id:  rc
-                m_icon_text: "\uf11b"
-                m_description_text: "RC"
-                m_selection_index: 4
-            }
+                // RC
+                ConfigPopupSidebarButton{
+                    id:  rc
+                    m_icon_text: "\uf11b"
+                    m_description_text: "RC"
+                    m_selection_index: 4
+                }
 
-            // We only need the connect panel on android (external device)
-            // On localhost, QOpenHD "automatically" connects due to udp localhost method
-            ConfigPopupSidebarButton{
-                visible: m_show_connect_option
-                id:  connect_button
-                m_icon_text: "\uf6ff"
-                m_description_text: "Connect"
-                m_selection_index: 5
-            }
+                // We only need the connect panel on android (external device)
+                // On localhost, QOpenHD "automatically" connects due to udp localhost method
+                ConfigPopupSidebarButton{
+                    visible: m_show_connect_option
+                    id:  connect_button
+                    m_icon_text: "\uf6ff"
+                    m_description_text: "Connect"
+                    m_selection_index: 5
+                }
 
-            // Credits and copyright
-            ConfigPopupSidebarButton{
-                id:  credits
-                m_icon_text: "\uf005"
-                m_description_text: "Credits"
-                m_selection_index: 6
-            }
+                // Credits and copyright
+                ConfigPopupSidebarButton{
+                    id:  credits
+                    m_icon_text: "\uf005"
+                    m_description_text: "Credits"
+                    m_selection_index: 6
+                }
 
-            // Developer stats
-            ConfigPopupSidebarButton{
-                id:  developerstats
-                m_icon_text: "\uf0ad"
-                m_description_text: "DEV"
-                m_selection_index: 7
+                // Developer stats
+                ConfigPopupSidebarButton{
+                    id:  developerstats
+                    m_icon_text: "\uf0ad"
+                    m_description_text: "DEV"
+                    m_selection_index: 7
+                }
             }
         }
     }
 
 
+
+
     StackLayout {
         id: mainStackLayout
         anchors.bottom: parent.bottom