diff options
| author | Přemysl Eric Janouch <p@janouch.name> | 2023-12-24 06:22:29 +0100 |
|---|---|---|
| committer | Přemysl Eric Janouch <p@janouch.name> | 2023-12-24 06:22:29 +0100 |
| commit | edf0ddb50cbf57cefc6b8f0d1984cd3269466789 (patch) | |
| tree | 49ad2af2e0c579a382a6a4fe87f215727ade75dc /public/style.css | |
| parent | 940dd30e564ae97796dde52517f02398cbf91196 (diff) | |
| download | gallery-edf0ddb50cbf57cefc6b8f0d1984cd3269466789.tar.gz gallery-edf0ddb50cbf57cefc6b8f0d1984cd3269466789.tar.xz gallery-edf0ddb50cbf57cefc6b8f0d1984cd3269466789.zip | |
Handle missing thumbnails better
Diffstat (limited to 'public/style.css')
| -rw-r--r-- | public/style.css | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/public/style.css b/public/style.css index 0df44d9..888fd6a 100644 --- a/public/style.css +++ b/public/style.css @@ -46,10 +46,14 @@ ul.sidebar li.child a { gap: 3px; padding: 9px; } .browser:focus-visible { outline: 0; box-shadow: none; } -img.thumbnail { display: block; box-shadow: 0 0 3px rgba(0, 0, 0, 0.75); - margin: 3px; border: 0px solid #000; +img.thumbnail { display: block; background: repeating-conic-gradient(#eee 0% 25%, transparent 0% 50%) 50% / 20px 20px; } +img.thumbnail, .thumbnail.missing { box-shadow: 0 0 3px rgba(0, 0, 0, 0.75); + margin: 3px; border: 0px solid #000; } +.thumbnail.missing { width: 128px; height: 128px; position: relative; } +.thumbnail.missing::after { content: '?'; font-size: 64px; + position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .view { display: flex; flex-grow: 1; overflow: hidden; justify-content: center; align-items: center; } |