fix(Editor): fix editor width when sidebar is hidden

Signed-off-by: Stefan Dej <[email protected]>
mainsail-crew · Sep 15, 2024 · d8cd8ff · d8cd8ff
1 parent 682a3dc
commit d8cd8ff
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/TheEditor.vue b/src/components/TheEditor.vue
@@ -60,6 +60,7 @@
                         :name="filename"
                         :file-extension="fileExtension"
                         class="codemirror"
+                        :class="{ withSidebar: fileStructureSidebar }"
                         @lineChange="lineChanges" />
                     <div v-if="fileStructureSidebar" class="d-none d-md-flex structure-sidebar">
                         <v-treeview
@@ -525,6 +526,10 @@ export default class TheEditor extends Mixins(BaseMixin) {
 
 @media screen and (min-width: 960px) {
     .codemirror {
+        width: 100%;
+    }
+
+    .codemirror.withSidebar {
         width: calc(100% - 300px);
     }
 }