NAVIGUATE

src/components/drawer/ModelizerDrawLeftDrawer.vue

@@ -8,9 +8,11 @@
     data-cy="draw-page-left-drawer"
     class="no-scroll"
   >
+    <project-details-list level="2" />
     <q-splitter
       v-model="splitterModel"
       :limits="[10, 15]"
+      class="bordered-splitter"
     >
       <template #before>
         <q-tabs
@@ -50,7 +52,6 @@
             name="components"
             class="q-pa-none"
           >
-            <project-details-list level="2" />
             <library-list :plugin="plugin" />
           </q-tab-panel>
 
@@ -90,6 +91,11 @@ const isVisible = ref(true);
 const active = ref('components');
 const splitterModel = ref(15);
 </script>
+<style lang="scss" scoped>
+.bordered-splitter {
+  border-top: 1px solid rgba(0, 0, 0, 0.12)
+}
+</style>
 
 <style lang="scss">
 .left-drawer-tab .q-tab__label {

src/components/list/VariableList.vue

@@ -1,26 +1,5 @@
 <template>
   <q-list data-cy="variable-list">
-    <q-item>
-      <q-item-section>
-        <q-item-label
-          overline
-          header
-        >
-          {{ $t('page.modelizer.drawer.variables.header') }}
-        </q-item-label>
-      </q-item-section>
-    </q-item>
-    <div class="row justify-center">
-      <q-btn
-        :label="$t('page.modelizer.button.back.label')"
-        :title="$t('page.modelizer.button.back.title')"
-        color="positive"
-        class="q-mr-md"
-        no-caps
-        data-cy="models-page-link-button"
-        @click="router.push(`/projects/${projectName}/models`)"
-      />
-    </div>
     <q-expansion-item
       v-for="file in Object.keys(variableData)"
       :key="file"
@@ -100,9 +79,7 @@ import {
   onMounted,
 } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useRouter } from 'vue-router';
 
-const router = useRouter();
 const { t } = useI18n();
 const props = defineProps({
   variables: {

src/i18n/en-US/index.js

@@ -374,7 +374,6 @@ export default {
         },
         variables: {
           empty: 'No variables to display.',
-          header: 'Variables',
           name: 'Name',
           value: 'Value',
         },

src/layouts/ModelizerDrawLayout.vue

@@ -4,13 +4,12 @@
       :project-name="projectName"
     />
 
-    <modelizer-draw-left-drawer
-      v-if="data.plugin"
-      :plugin="data.plugin"
-      :project-name="projectName"
-    />
-
     <q-page-container>
+      <modelizer-draw-left-drawer
+        v-if="data.plugin"
+        :plugin="data.plugin"
+        :project-name="projectName"
+      />
       <q-splitter
         v-model="splitter"
         :limits="[25, 100]"