Thing add page: Fix header styling for input field

Follow-up for #2771. Fixes #2771 (comment). Signed-off-by: Florian Hotze <[email protected]>
openhab · Sep 30, 2024 · c4d900f · c4d900f
1 parent 91c7c16
commit c4d900f
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/things/add/choose-thing-type.vue b/bundles/org.openhab.ui/web/src/pages/settings/things/add/choose-thing-type.vue
@@ -1,5 +1,5 @@
 <template>
-  <f7-page @page:afterin="onPageAfterIn" @page:beforeout="onPageBeforeOut">
+  <f7-page class="choose-thing-type" @page:afterin="onPageAfterIn" @page:beforeout="onPageBeforeOut">
     <f7-navbar :title="`Add a new Thing: ${bindingId}`" back-link="Back">
       <f7-subnavbar :inner="false" v-show="initSearchbar">
         <f7-searchbar
@@ -23,10 +23,10 @@
           </div>
         </div>
         <p class="margin-left margin-right no-margin-bottom" style="height: 30px" id="scan-progress" />
-        <f7-block-title v-if="inputSupported" style="margin-bottom: calc(var(--f7-block-title-margin-bottom) - var(--f7-list-margin-vertical))">
+        <f7-block-title v-if="inputSupported">
           Scan Input
         </f7-block-title>
-        <config-sheet v-if="inputSupported" :parameter-groups="[]" :parameters="inputParameters" :configuration="inputConfig" />
+        <config-sheet v-if="inputSupported" class="scan-input" :parameter-groups="[]" :parameters="inputParameters" :configuration="inputConfig" />
         <f7-block-title v-if="discoverySupported && scanResults.length">
           Discovered Things
         </f7-block-title>
@@ -77,6 +77,13 @@
   </f7-page>
 </template>
 
+<style lang="stylus">
+.choose-thing-type
+  .scan-input
+    .list
+      margin-top 0
+</style>
+
 <script>
 import ConfigSheet from '@/components/config/config-sheet.vue'