🐛 Fixes overlapping edit menu (gchq#311)

BRAVO68WEB · Nov 5, 2021 · e9344fc · e9344fc
1 parent ba69614
commit e9344fc
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -23,6 +23,7 @@
       :class="`item-group-container `
         + `orientation-${layout} `
         + `item-size-${itemSizeBound} `
+        + (isEditMode ? 'edit-mode ' : '')
         + (singleSectionView ? 'single-section-view ' : '')
         + (this.colCount ? `col-count-${this.colCount} ` : '')"
       >
@@ -350,6 +351,11 @@ export default {
   /* Hide when search term returns nothing */
   .no-results { display: none; }
 
+  /* Additional spacing when in edit mode */
+  &.edit-mode {
+    margin-bottom: 12rem;
+  }
+
   /* When in single-section view mode */
   &.single-section-view {
     display: block;