improve margin in expansion panels in plugins (#2540)

to prevent the negative margin imposed on the plugin content itself
spacetelescope · Oct 27, 2023 · 4178d8a · 4178d8a
1 parent 7855702
commit 4178d8a
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 12 deletions.
diff --git a/jdaviz/app.vue b/jdaviz/app.vue
@@ -248,6 +248,12 @@ div.output_wrapper {
   padding: 0px;
 }
 
+.plugin-expansion-panel-content .row {
+  /* override -12px margins */
+  margin-left: 0px;
+  margin-right: 0px;
+}
+
 .glue__subset-select {
   display: flex;
   align-items: center;

diff --git a/jdaviz/configs/cubeviz/plugins/slice/slice.vue b/jdaviz/configs/cubeviz/plugins/slice/slice.vue
@@ -10,7 +10,7 @@
           <v-expansion-panel-header v-slot="{ open }">
             <span style="padding: 6px">Indicator Settings</span>
           </v-expansion-panel-header>
-          <v-expansion-panel-content>
+          <v-expansion-panel-content class="plugin-expansion-panel-content">
             <v-row>
               <v-switch
                 label="Show Indicator"

diff --git a/jdaviz/configs/default/plugins/export_plot/export_plot.vue b/jdaviz/configs/default/plugins/export_plot/export_plot.vue
@@ -39,7 +39,7 @@
             <v-expansion-panel-header v-slot="{ open }">
               <span style="padding: 6px">Export to Video</span>
             </v-expansion-panel-header>
-            <v-expansion-panel-content>
+            <v-expansion-panel-content class="plugin-expansion-panel-content">
               <v-row v-if="movie_msg!==''">
                 <span class="v-messages v-messages__message text--secondary" style="color: red !important">
                     {{ movie_msg }}

diff --git a/jdaviz/configs/default/plugins/line_lists/line_lists.vue b/jdaviz/configs/default/plugins/line_lists/line_lists.vue
@@ -150,7 +150,7 @@
 
             </v-row>
           </v-expansion-panel-header>
-          <v-expansion-panel-content style="padding-left: 0px">
+          <v-expansion-panel-content class="plugin-expansion-panel-content">
 
             <div v-if="item == 'Custom'" style="padding-top: 16px">
               <v-row class="row-min-bottom-padding" style="display: block">

diff --git a/jdaviz/configs/default/plugins/model_fitting/model_fitting.vue b/jdaviz/configs/default/plugins/model_fitting/model_fitting.vue
@@ -127,7 +127,7 @@
                 </v-col>
               </v-row>
             </v-expansion-panel-header>
-            <v-expansion-panel-content>
+            <v-expansion-panel-content class="plugin-expansion-panel-content">
               <v-row v-if="!item.compat_display_units">
                 <v-alert :type="componentInEquation(item.id) ? 'error' : 'warning'">
                   <b>{{ item.id }}</b> is inconsistent with the current display units so cannot be used in the model equation.

diff --git a/jdaviz/configs/default/plugins/plot_options/plot_options.vue b/jdaviz/configs/default/plugins/plot_options/plot_options.vue
@@ -12,7 +12,7 @@
           <v-expansion-panel-header v-slot="{ open }">
             <span style="padding: 6px">Settings</span>
           </v-expansion-panel-header>
-          <v-expansion-panel-content>
+          <v-expansion-panel-content class="plugin-expansion-panel-content">
             <v-row>
               <v-switch
                 v-model="show_viewer_labels"
@@ -374,7 +374,7 @@
             <v-expansion-panel-header v-slot="{ open }">
               <span style="padding: 6px">More Stretch Options</span>
             </v-expansion-panel-header>
-            <v-expansion-panel-content>
+            <v-expansion-panel-content class="plugin-expansion-panel-content">
               <v-row>
                 <v-text-field
                     ref="stretch_hist_nbins"

diff --git a/jdaviz/configs/default/plugins/subset_plugin/subset_plugin.vue b/jdaviz/configs/default/plugins/subset_plugin/subset_plugin.vue
@@ -46,7 +46,7 @@
           <v-expansion-panel-header >
             <span style="padding: 6px">Recenter</span>
           </v-expansion-panel-header>
-          <v-expansion-panel-content>
+          <v-expansion-panel-content class="plugin-expansion-panel-content">
             <plugin-dataset-select
              :items="dataset_items"
              :selected.sync="dataset_selected"

diff --git a/jdaviz/configs/specviz2d/plugins/spectral_extraction/spectral_extraction.vue b/jdaviz/configs/specviz2d/plugins/spectral_extraction/spectral_extraction.vue
@@ -13,7 +13,7 @@
           <v-expansion-panel-header v-slot="{ open }">
             <span style="padding: 6px">Settings</span>
           </v-expansion-panel-header>
-          <v-expansion-panel-content>
+          <v-expansion-panel-content class="plugin-expansion-panel-content">
             <v-row>
               <v-switch
                 v-model="interactive_extract"
@@ -167,7 +167,7 @@
             <v-expansion-panel-header v-slot="{ open }">
               <span style="padding: 6px">Export Trace</span>
             </v-expansion-panel-header>
-            <v-expansion-panel-content>
+            <v-expansion-panel-content class="plugin-expansion-panel-content">
               <plugin-add-results
                 :label.sync="trace_results_label"
                 :label_default="trace_results_label_default"
@@ -281,7 +281,7 @@
             <v-expansion-panel-header v-slot="{ open }">
               <span style="padding: 6px">Export Background Image</span>
             </v-expansion-panel-header>
-            <v-expansion-panel-content>
+            <v-expansion-panel-content class="plugin-expansion-panel-content">
               <plugin-add-results
                 :label.sync="bg_results_label"
                 :label_default="bg_results_label_default"
@@ -305,7 +305,7 @@
             <v-expansion-panel-header v-slot="{ open }">
               <span style="padding: 6px">Export Background Spectrum</span>
             </v-expansion-panel-header>
-            <v-expansion-panel-content>
+            <v-expansion-panel-content class="plugin-expansion-panel-content">
               <plugin-add-results
                 :label.sync="bg_spec_results_label"
                 :label_default="bg_spec_results_label_default"
@@ -329,7 +329,7 @@
             <v-expansion-panel-header v-slot="{ open }">
               <span style="padding: 6px">Export Background-Subtracted Image</span>
             </v-expansion-panel-header>
-            <v-expansion-panel-content>
+            <v-expansion-panel-content class="plugin-expansion-panel-content">
               <plugin-add-results
                 :label.sync="bg_sub_results_label"
                 :label_default="bg_sub_results_label_default"