diff options
| author | polo <contact@ordipolo.fr> | 2023-04-13 03:53:42 +0200 |
|---|---|---|
| committer | polo <contact@ordipolo.fr> | 2023-04-13 03:53:42 +0200 |
| commit | 6d4de815d7252956c4507b8767bd4b79b9a71fc8 (patch) | |
| tree | 8682d53256d4a9abb2d649a25cd8722fe72f7ebc | |
| parent | 90b3efeeb9d939303ff80b180725e06e2e57af79 (diff) | |
| download | melaine-6d4de815d7252956c4507b8767bd4b79b9a71fc8.tar.gz melaine-6d4de815d7252956c4507b8767bd4b79b9a71fc8.tar.bz2 melaine-6d4de815d7252956c4507b8767bd4b79b9a71fc8.zip | |
scrolling chronologie
| -rw-r--r-- | public/css/discographie.css | 17 | ||||
| -rw-r--r-- | à faire après livraison.txt | 2 |
2 files changed, 15 insertions, 4 deletions
diff --git a/public/css/discographie.css b/public/css/discographie.css index 4d602fa..2aae57e 100644 --- a/public/css/discographie.css +++ b/public/css/discographie.css | |||
| @@ -25,7 +25,7 @@ aside div | |||
| 25 | 25 | ||
| 26 | #bouton_chronologie | 26 | #bouton_chronologie |
| 27 | { | 27 | { |
| 28 | width: 250px; | 28 | width: 300px; |
| 29 | text-align: center; | 29 | text-align: center; |
| 30 | font-size: large; | 30 | font-size: large; |
| 31 | font-weight: bold; | 31 | font-weight: bold; |
| @@ -38,7 +38,9 @@ aside div | |||
| 38 | 38 | ||
| 39 | #chronologie | 39 | #chronologie |
| 40 | { | 40 | { |
| 41 | width: 250px; | 41 | /*width: 300px;*/ |
| 42 | height: 400px; | ||
| 43 | overflow: scroll; | ||
| 42 | font-weight: bold; | 44 | font-weight: bold; |
| 43 | /*padding: 5px;*/ | 45 | /*padding: 5px;*/ |
| 44 | display: none; | 46 | display: none; |
| @@ -295,7 +297,8 @@ a:hover figure figcaption | |||
| 295 | 297 | ||
| 296 | #chronologie | 298 | #chronologie |
| 297 | { | 299 | { |
| 298 | width: 180px; | 300 | /*width: 180px;*/ |
| 301 | height: 300px; | ||
| 299 | /*display: flex;*/ | 302 | /*display: flex;*/ |
| 300 | } | 303 | } |
| 301 | 304 | ||
| @@ -321,3 +324,11 @@ a:hover figure figcaption | |||
| 321 | width: 48%; | 324 | width: 48%; |
| 322 | } | 325 | } |
| 323 | } | 326 | } |
| 327 | |||
| 328 | @media screen and (max-width: 379px) | ||
| 329 | { | ||
| 330 | #chronologie | ||
| 331 | { | ||
| 332 | height: 250px; | ||
| 333 | } | ||
| 334 | } | ||
diff --git a/à faire après livraison.txt b/à faire après livraison.txt index 8c95b2f..e86aec3 100644 --- a/à faire après livraison.txt +++ b/à faire après livraison.txt | |||
| @@ -7,7 +7,7 @@ infobulles en mode admin | |||
| 7 | 7 | ||
| 8 | bouton partage et lien d'encre sur tous les articles | 8 | bouton partage et lien d'encre sur tous les articles |
| 9 | 9 | ||
| 10 | menu déroulant de la discographie de longueur fixe et avec barre de défilement en CSS (penser aussi à le rendre moins moche) | 10 | rendre le menu chronologie moins moche |
| 11 | 11 | ||
| 12 | miniatures albums, le même fichier est utilisé pour la pochette et dans la page album, la miniature de l'une écrase celle de l'autre | 12 | miniatures albums, le même fichier est utilisé pour la pochette et dans la page album, la miniature de l'une écrase celle de l'autre |
| 13 | (problème: les dimensions des deux miniatures sont censées être différentes) | 13 | (problème: les dimensions des deux miniatures sont censées être différentes) |
