quatuorbellefeuille.com

Content, build scripts and admin scripts for the Bellefeuille Quartet website.
git clone https://git.kevinlegouguec.net/quatuorbellefeuille.com
Log | Files | Refs
commit 02bbe5b0c85cab29cc072a68d191eb4d1e85e7d7
parent 55d6ead1b3cb89ae34dd0468c59f63970a06bcbd
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Thu, 31 Dec 2020 14:20:49 +0100

Allow <body> to overflow

Diffstat:

Mactualités.css | 1-


Mcommun.css | 3+--


Mgallerie.css | 1-


Mprogrammes.css | 1-


Mquatuor.css | 12+++++-------


5 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/actualités.css b/actualités.css
@@ -5,7 +5,6 @@ main {
 
 main > div {
     padding: 2%;
-    overflow: auto;
 }
 
 .events {
diff --git a/commun.css b/commun.css
@@ -1,5 +1,5 @@
 body {
-    height: 100vh;
+    min-height: 100vh;
     display: grid;
     grid-template-columns: 7fr 1fr;
     grid-template-rows: auto 1fr auto;
@@ -127,7 +127,6 @@ main {
     grid-row: 2;
     grid-column: 1;
     padding-left: 4%;
-    overflow: auto;
 }
 
 footer.social {
diff --git a/gallerie.css b/gallerie.css
@@ -1,5 +1,4 @@
 main {
-    overflow: auto;
     padding-top: 2%;
     padding-bottom: 2%;
     padding-right: 2%;
diff --git a/programmes.css b/programmes.css
@@ -5,7 +5,6 @@ main {
 
 main > div {
     padding: 2%;
-    overflow: auto;
 }
 
 .programs {
diff --git a/quatuor.css b/quatuor.css
@@ -13,13 +13,7 @@ main #photos {
 
     position: sticky;
     top: 0;
-
-    /* ⚠ Keep this bigger than vertical displacement of lowest photo,
-       otherwise Firefox glitches: it shows a scrollbar for <main>,
-       yet refuses to scroll #photos; #bio scrolls into infinite
-       emptiness… */
-    padding-top: 2em;
-    padding-bottom: 2em;
+    max-height: 80vh;
 }
 
 #photos > * {
@@ -66,3 +60,7 @@ main #photos {
 #photos > *:nth-of-type(4) {
     top: 0.4em;
 }
+
+#bio > *:first-child {
+    margin-top: 0;
+}