Merge pull request #1234 from FlowFuse/1215-fixed-layout-fix

Layouts: Ensure we're parsing float on the "px" row height
FlowFuse · Aug 26, 2024 · 02b96fb · 02b96fb
2 parents da95d64 + 5a070fa
commit 02b96fb
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 7 deletions.
diff --git a/ui/src/layouts/Flex.vue b/ui/src/layouts/Flex.vue
@@ -49,7 +49,7 @@ export default {
     data () {
         const rowHeight = getComputedStyle(document.body).getPropertyValue('--widget-row-height')
         return {
-            rowHeight
+            rowHeight: parseFloat(rowHeight)
         }
     },
     computed: {

diff --git a/ui/src/layouts/Grid.vue b/ui/src/layouts/Grid.vue
@@ -48,11 +48,6 @@ export default {
         BaselineLayout,
         WidgetGroup
     },
-    data () {
-        return {
-            rowHeight: 48
-        }
-    },
     computed: {
         ...mapState('ui', ['groups', 'widgets', 'pages']),
         ...mapState('data', ['properties']),

diff --git a/ui/src/layouts/Notebook.vue b/ui/src/layouts/Notebook.vue
@@ -48,7 +48,7 @@ export default {
     data () {
         const rowHeight = getComputedStyle(document.body).getPropertyValue('--widget-row-height')
         return {
-            rowHeight
+            rowHeight: parseFloat(rowHeight)
         }
     },
     computed: {