Merge pull request #811 from c2corg/documents-results-width

Increase map width on documents view
c2corg · Oct 14, 2019 · 317de0a · 317de0a
2 parents f9aa177 + 555ea8c
commit 317de0a
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/views/documents/DocumentsView.vue b/src/views/documents/DocumentsView.vue
@@ -67,7 +67,14 @@
     </div>
 
     <div class="columns result-section" :class="'mobile-mode-' + displayMode">
-      <div v-if="showResults" class="column documents-container" :class="{'is-12': !showMap, 'is-8': showMap}">
+      <div
+        v-if="showResults"
+        class="column documents-container"
+        :class="{
+          'is-12': !showMap,
+          'is-8 is-7-fullhd': showMap && listMode,
+          'is-8 is-7-widescreen is-6-fullhd': showMap && !listMode
+      }">
 
         <loading-notification :promise="promise" />
 
@@ -78,7 +85,7 @@
             v-for="(document, index) in documents.documents"
             :key="index"
             :class="{
-              'is-full-mobile is-half-tablet is-half-desktop is-half-widescreen is-one-third-fullhd':showMap,
+              'is-full-mobile is-half-tablet is-half-desktop is-half-widescreen is-half-fullhd':showMap,
               'is-full-mobile is-one-third-tablet is-one-third-desktop is-one-quarter-widescreen is-one-quarter-fullhd':!showMap,
             }"
             class="column card-container"