diff options
Diffstat (limited to 'src/public/styles.css')
-rw-r--r-- | src/public/styles.css | 33 |
1 files changed, 24 insertions, 9 deletions
diff --git a/src/public/styles.css b/src/public/styles.css index 7a6345a..abc2f13 100644 --- a/src/public/styles.css +++ b/src/public/styles.css | |||
@@ -51,6 +51,21 @@ body:has(details.card[open]) { | |||
51 | overflow: hidden; | 51 | overflow: hidden; |
52 | } | 52 | } |
53 | 53 | ||
54 | body.media-maximized { | ||
55 | /* Fix for Safari User Agent stylesheet */ | ||
56 | margin: 0; | ||
57 | } | ||
58 | |||
59 | body.media-maximized.zoom, | ||
60 | div.media-maximized.container.zoom { | ||
61 | overflow: auto; | ||
62 | } | ||
63 | |||
64 | img.media-maximized.zoom { | ||
65 | max-width: unset; | ||
66 | max-height: unset; | ||
67 | } | ||
68 | |||
54 | main { | 69 | main { |
55 | display: flex; | 70 | display: flex; |
56 | flex-direction: column; | 71 | flex-direction: column; |
@@ -326,15 +341,6 @@ summary::before { | |||
326 | padding: 1rem; | 341 | padding: 1rem; |
327 | } | 342 | } |
328 | 343 | ||
329 | .media-maximized-container { | ||
330 | display: flex; | ||
331 | justify-content: center; | ||
332 | align-items: center; | ||
333 | width: 100vw; | ||
334 | height: 100vh; | ||
335 | overflow: hidden; | ||
336 | } | ||
337 | |||
338 | .media-maximized { | 344 | .media-maximized { |
339 | max-width: 100vw; | 345 | max-width: 100vw; |
340 | max-height: 100vh; | 346 | max-height: 100vh; |
@@ -345,6 +351,15 @@ summary::before { | |||
345 | object-fit: contain; | 351 | object-fit: contain; |
346 | } | 352 | } |
347 | 353 | ||
354 | .media-maximized.container { | ||
355 | display: flex; | ||
356 | justify-content: center; | ||
357 | align-items: center; | ||
358 | width: 100vw; | ||
359 | height: 100vh; | ||
360 | overflow: hidden; | ||
361 | } | ||
362 | |||
348 | .post-author { | 363 | .post-author { |
349 | display: none | 364 | display: none |
350 | } | 365 | } |