dashboard layout default and sticky header fix

nih-sparc · Jul 22, 2024 · 5fc9219 · 5fc9219
1 parent bdba289
commit 5fc9219
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 14 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sparc-dashboard-beta",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "author": "Sam Kraft (https://Sparc.Science)",
   "private": false,
   "type": "module",

diff --git a/src/components/DashHeader.vue b/src/components/DashHeader.vue
@@ -33,7 +33,8 @@ const props = defineProps({
 
 .content-header{
     border-bottom: 1px solid $mediumGrey;
-    
+    background-color: #ebedf0;
+    z-index: 100;
     h3{
         margin:10px;
     }

diff --git a/src/components/ItemWidget.vue b/src/components/ItemWidget.vue
@@ -97,11 +97,6 @@
     width:100%;
     }
 }
-:deep(.stick-to-top){
-    position: sticky;
-    top: 0;
-    width: 100%;
-}
 .focus-from-Img-View{
         border:solid $lightPurple 2px !important;
     }

diff --git a/src/components/SparcDashboard.vue b/src/components/SparcDashboard.vue
@@ -52,9 +52,10 @@ let NewComponent = {};
 let NextId = DashboardItems.value.length;
 
 const dBItems = debug ? [{ id: "ODBGraph-1", x: 0, y: 0, h: 4, w:3, componentName:"Flatmap Viewer",component:"QDBGraph" }] : 
-[{ id: "FlatmapViewer-1", x: 0, y: 0, h: 8, w:2, componentName:"Flatmap Viewer",component:"FlatmapViewer" },]
-    // { id: "ImageSelector-2", x: 2, y: 0, h: 8, w:3, componentName:"Image Selector", component:"ImageSelector"},
-    // { id: "BiolucidaViewer-3", x: 5, y: 0,h: 10, w:5, componentName:"MBF Viewer", component:"BiolucidaViewer"}]
+[{ id: "FlatmapViewer-1", x: 0, y: 0, h: 8, w:2, componentName:"Flatmap Viewer",component:"FlatmapViewer" },
+    { id: "ImageSelector-2", x: 2, y: 0, h: 8, w:3, componentName:"Image Selector", component:"ImageSelector"},
+    { id: "BiolucidaViewer-3", x: 5, y: 0,h: 11, w:7, componentName:"MBF Viewer", component:"BiolucidaViewer"},
+    { id: "ODBGraph-1", x: 0, y: 8, h: 3, w:5, componentName:"Flatmap Viewer",component:"QDBGraph" }]
 
 
 onBeforeMount(() => {

diff --git a/src/devComponents/QDBGraph/QDBGraphSettings.vue b/src/devComponents/QDBGraph/QDBGraphSettings.vue
@@ -14,7 +14,7 @@
     </div>
       <slot>
         <div v-for="gm in gMList">
-          <el-row class="tw-space-x-40">
+          <el-row>
 
           <div class="tw-flex">
             <div class="tw-p-1">
@@ -52,12 +52,13 @@
               <label class="tw-font-bold">Label: </label>
               <el-input v-model="gm.label" placeholder="Legend" class="tw-w-40 tw-h-8"></el-input>
             </div>
-            <div class="tw-p-1">
-              <el-button v-if="gMList.indexOf(gm)>0" @click="removeMetric(gm)">-</el-button>
-            </div>
+
             <div class="demo-color-block tw-p-1">
               <el-color-picker v-model="gm.backgroundColor" />
             </div>
+            <div class="tw-p-1">
+              <el-button v-if="gMList.indexOf(gm)>0" @click="removeMetric(gm)">-</el-button>
+            </div>
           </div>