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 /public | |
parent | 90b3efeeb9d939303ff80b180725e06e2e57af79 (diff) | |
download | melaine-6d4de815d7252956c4507b8767bd4b79b9a71fc8.zip |
scrolling chronologie
Diffstat (limited to 'public')
-rw-r--r-- | public/css/discographie.css | 17 |
1 files changed, 14 insertions, 3 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 | } | ||