From 3da10c61f7268fdc7045a33a7fe8a583faa677cd Mon Sep 17 00:00:00 2001
From: apoyen <apoyen@grandlyon.com>
Date: Mon, 3 Aug 2020 11:35:54 +0200
Subject: [PATCH] Feat : overflow for election and parties

---
 web/components/management/area.js     |  2 +-
 web/components/management/desk.js     |  2 +-
 web/components/management/election.js |  2 +-
 web/components/management/party.js    |  2 +-
 web/components/management/round.js    |  4 ++--
 web/components/management/section.js  |  2 +-
 web/style.css                         | 11 +++++++++--
 7 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/web/components/management/area.js b/web/components/management/area.js
index 16c5fc0..f17a283 100644
--- a/web/components/management/area.js
+++ b/web/components/management/area.js
@@ -28,7 +28,7 @@ class Area {
         </p>
       </header>
       <div class="card-content">
-        <div id="area-list" class="content">
+        <div id="area-list" class="content auto-overflow-election-management">
           Sélectionner une élection.
         </div>
       </div>
diff --git a/web/components/management/desk.js b/web/components/management/desk.js
index ae846d9..4201eb3 100644
--- a/web/components/management/desk.js
+++ b/web/components/management/desk.js
@@ -27,7 +27,7 @@ class Desk {
         </p>
       </header>
       <div class="card-content">
-        <div id="desk-list" class="content">
+        <div id="desk-list" class="content auto-overflow-election-management">
           Sélectionner une section.
         </div>
       </div>
diff --git a/web/components/management/election.js b/web/components/management/election.js
index 773f8df..909ae74 100644
--- a/web/components/management/election.js
+++ b/web/components/management/election.js
@@ -27,7 +27,7 @@ class Election {
         </p>
       </header>
       <div class="card-content">
-        <div id="election-list" class="content">Liste des élections</div>
+        <div id="election-list" class="content auto-overflow-election-management">Liste des élections</div>
       </div>
     `;
     this.mountModal("election-modal");
diff --git a/web/components/management/party.js b/web/components/management/party.js
index c104a3f..2d33b80 100644
--- a/web/components/management/party.js
+++ b/web/components/management/party.js
@@ -37,7 +37,7 @@ class Party {
             </p>
           </header>
           <div class="card-content">
-            <div id="party-list" class="content">Liste des partis</div>
+            <div id="party-list" class="content auto-overflow-election-management">Liste des partis</div>
           </div>
         </div>
       </div>
diff --git a/web/components/management/round.js b/web/components/management/round.js
index 8303612..f802a49 100644
--- a/web/components/management/round.js
+++ b/web/components/management/round.js
@@ -78,13 +78,13 @@ class Round {
     document.getElementById("round-desks").style.height = "auto";
     document.getElementById("candidate-lists-dropdown-content").style.display =
       "flex";
-    document.getElementById("candidate-lists").style.height = "70vh";
+    document.getElementById("candidate-lists").style.height = "65vh";
   }
 
   hideCandidateLists() {
     document.getElementById("desk-rounds-dropdown-content").style.display =
       "flex";
-    document.getElementById("round-desks").style.height = "70vh";
+    document.getElementById("round-desks").style.height = "65vh";
     document.getElementById("candidate-lists-dropdown-content").style.display =
       "none";
     document.getElementById("candidate-lists").style.height = "auto";
diff --git a/web/components/management/section.js b/web/components/management/section.js
index 18e003d..ec0bbdf 100644
--- a/web/components/management/section.js
+++ b/web/components/management/section.js
@@ -29,7 +29,7 @@ class Section {
         </p>
       </header>
       <div class="card-content">
-        <div id="section-list" class="content">
+        <div id="section-list" class="content auto-overflow-election-management">
           Sélectionner une circonscription.
         </div>
       </div>
diff --git a/web/style.css b/web/style.css
index 90eb4eb..59436c8 100644
--- a/web/style.css
+++ b/web/style.css
@@ -115,8 +115,10 @@ select {
 }
 
 #round-desks,
-#candidate-lists {
-  height: 70vh;
+#candidate-lists,
+#management-section,
+#parties-card {
+  height: 65vh;
 }
 
 #round-desks .column,
@@ -141,6 +143,11 @@ select {
   display: flex;
 }
 
+.auto-overflow-election-management {
+  overflow-y: auto;
+  height: 55vh;
+}
+
 .card-header-success {
   background-color: rgba(127, 186, 0, 0.95);
 }
-- 
GitLab