diff --git a/web/components/management/area.js b/web/components/management/area.js index 16c5fc0dde866df297131698e0962313e0f9d22a..f17a2832396836d714840b1c6387a0724c4659f8 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 ae846d9b00c687b02f7bb59456da9fbc11555454..4201eb354ec64aa82be6cf94f10ccc105c5e723b 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 773f8df80e1ffa3e860b6c1558bec0a33dec9edc..909ae74573cc4ec1fa755a60fd44d26f43bd4020 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 c104a3ffdea146a3d064115136f1122f9fed7e58..2d33b80715bcfd6601cdbb7994fea5aeaade9da8 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 830361257d77f9d58e0aecd8d0a0590822f8b643..f802a4951c435a343cbea34cf38145849e790d6f 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 18e003d1274194639162cc1484cd108719915d04..ec0bbdf039a20625c69b9946eed727fcaa7d3b6f 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 90eb4ebc4023e66e7e53504a09f360eab7727bfd..59436c858ad37d61d49264048886b506543862be 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); }