Code tabs: Fix incorrect heights & Cleanup v-codemirror styling

Signed-off-by: Florian Hotze <dev@florianhotze.com>

Author: florian-h05

bundles/org.openhab.ui/web/src/components/config/controls/script-editor.vue

@@ -27,10 +27,6 @@
     z-index 4000
     user-select none
 
-  .v-codemirror
-    flex 1
-    min-width 0
-
   .cm-editor
     height 100%
     width 100%

bundles/org.openhab.ui/web/src/components/pagedesigner/widget-code-popup.vue

@@ -31,7 +31,7 @@
 
 <style lang="stylus">
 .widgetcode-popup
-  .page-code-editor.v-codemirror
+  .page-code-editor
     position absolute
     height calc(100% - var(--f7-navbar-height))
   .yaml-message

bundles/org.openhab.ui/web/src/pages/developer/blocks/blocks-edit.vue

@@ -95,24 +95,21 @@
   top 0
   height calc(100%)
   .code-editor-fit
-    height calc(100% - var(--f7-grid-gap))
+    height 100%
   .row
     height 100%
     .block-preview-pane
       height 100%
       overflow auto
     .blocks-code
       height 100%
-  .v-codemirror
-    top 0
-    height 100%
   &.vertical
     .block-preview-pane
       z-index auto !important
   &.horizontal
     .row
       height 50%
-    .v-codemirror
+    .code-editor-fit
       height calc(100% - var(--f7-grid-gap))
 .blocklyDropDownDiv
   z-index 11001 !important

bundles/org.openhab.ui/web/src/pages/developer/widgets/widget-edit.vue

@@ -100,10 +100,6 @@
     .widget-code
       height 100%
       position relative
-      .v-codemirror
-        position absolute
-        inset 0
-        height auto
   &.vertical
     .block
       z-index auto !important

bundles/org.openhab.ui/web/src/pages/settings/items/item-edit.vue

@@ -65,19 +65,6 @@
   </f7-page>
 </template>
 
-<style lang="stylus">
-.item-code-editor.v-codemirror
-  position absolute
-  top calc(var(--f7-navbar-height) + var(--f7-tabbar-height))
-  height calc(100% - var(--f7-navbar-height, 56px) - var(--f7-tabbar-height, 48px))
-  width 100%
-.yaml-message
-  display block
-  position absolute
-  top 80%
-  white-space pre-wrap
-</style>
-
 <script>
 import { nextTick, defineAsyncComponent } from 'vue'
 import { f7 } from 'framework7-vue'

bundles/org.openhab.ui/web/src/pages/settings/items/parser/items-add-from-textual-definition.vue

@@ -143,7 +143,7 @@
   .items-parser
     height 50%
     width 100%
-    .editor.v-codemirror
+    .editor
       position absolute
       height calc(100% - var(--f7-grid-gap))
   .items-results

bundles/org.openhab.ui/web/src/pages/settings/pages/home/home-edit.vue

@@ -200,7 +200,7 @@
     align-items: center
     justify-content: space-between
     margin-bottom: 0.5rem
-  .page-code-editor.v-codemirror
+  .page-code-editor
     position absolute
     height calc(100% - var(--f7-navbar-height) - 2*var(--f7-toolbar-height))
   .yaml-message

bundles/org.openhab.ui/web/src/pages/settings/rules/scene/scene-edit.vue

@@ -226,7 +226,7 @@
   .item-after
     display none
 
-.scene-code-editor.v-codemirror
+.scene-code-editor
   position absolute
   height calc(100% - var(--f7-navbar-height) - var(--f7-toolbar-height))
 

bundles/org.openhab.ui/web/src/pages/settings/things/thing-details.vue

@@ -393,12 +393,6 @@ p.action-description
     .advanced-actions-label
       cursor pointer
 
-.thing-code-editor.v-codemirror
-  position absolute
-  top calc(var(--f7-navbar-height) + var(--f7-tabbar-height))
-  height calc(100% - var(--f7-navbar-height, 56px) - var(--f7-tabbar-height, 48px))
-  width 100%
-
 .dialog.wide-property-dialog
   --f7-dialog-width: 560px