Merge pull request qgis#396 from Xpirix/fix_mobile_scrollbar

Limit roadmap schedule table width to 100%
DelazJ · Aug 8, 2024 · 9ad3861 · 9ad3861
2 parents a24bee8 + ebf6324
commit 9ad3861
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 21 deletions.
diff --git a/themes/hugo-bulma-blocks-theme/assets/sass/bulma/components/roadmap.sass b/themes/hugo-bulma-blocks-theme/assets/sass/bulma/components/roadmap.sass
@@ -218,4 +218,8 @@ div
 
 .right-ribbon .development::after
   border-right: 3px solid #4D6370
-  border-top: 3px solid #4D6370
+  border-top: 3px solid #4D6370
+
+.schedule-container
+  max-width: 100%
+  overflow: auto
diff --git a/themes/hugo-bulma-blocks-theme/assets/sass/style.sass b/themes/hugo-bulma-blocks-theme/assets/sass/style.sass
@@ -125,4 +125,6 @@ code
 .language-select-container
   background-color: #ecf1f4
   border-radius: 10px
-  color: #4d6370 !important
+  color: #4d6370 !important
+  select
+    max-width: 50vw
diff --git a/themes/hugo-bulma-blocks-theme/layouts/shortcodes/csv-table.html b/themes/hugo-bulma-blocks-theme/layouts/shortcodes/csv-table.html
@@ -4,24 +4,26 @@
 {{ else }}
     {{ $data = .Inner | unmarshal }}
 {{ end }}
-<table class="roadmap">
-    <thead>
-        <tr>
-            {{ range index $data 0 }}
-                <th>{{ . }}</th>
-            {{ end }}
-        </tr>
-    </thead>
-    <tbody>
-        {{ range after 1 $data }}
+<div class="schedule-container">
+    <table class="roadmap">
+        <thead>
             <tr>
-            {{ range . }}
-                {{ $class := index (findRE ":rm-\\w+:" .) 0 }}
-                <td class="{{ trim $class ":" }}">
-                    {{ . | replaceRE ":rm-\\w+:" "" }}
-                </td>
-            {{ end }}
+                {{ range index $data 0 }}
+                    <th>{{ . }}</th>
+                {{ end }}
             </tr>
-        {{ end }}
-    </tbody>
-</table>
+        </thead>
+        <tbody>
+            {{ range after 1 $data }}
+                <tr>
+                {{ range . }}
+                    {{ $class := index (findRE ":rm-\\w+:" .) 0 }}
+                    <td class="{{ trim $class ":" }}">
+                        {{ . | replaceRE ":rm-\\w+:" "" }}
+                    </td>
+                {{ end }}
+                </tr>
+            {{ end }}
+        </tbody>
+    </table>
+</div>