chiark
/
gitweb
/
~mdw
/
tgal
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
| inline |
side by side
(parent:
45dd1c7
)
static/tgal.css: Centre the thumbstrip horizontally if it's short.
author
Mark Wooding
<mdw@distorted.org.uk>
Thu, 23 Dec 2021 21:57:16 +0000
(21:57 +0000)
committer
Mark Wooding
<mdw@distorted.org.uk>
Sat, 25 Dec 2021 16:09:01 +0000
(16:09 +0000)
Using `justify-content' clips thumbnails on the left, if there are too
many to fit. Instead, (a) set `max-width' rather than `width', and use
`align-self' to centre in the outer flex box.
static/tgal.css
patch
|
blob
|
blame
|
history
diff --git
a/static/tgal.css
b/static/tgal.css
index 3d7fb19ec99fc829228f746bf3a6418851ba99d8..c084d5f2da3ff01fa1e775443784caf708d4d27e 100644
(file)
--- a/
static/tgal.css
+++ b/
static/tgal.css
@@
-144,10
+144,10
@@
a.view img {
}
div.thumbstrip {
- width: 100%;
+
max-
width: 100%;
overflow-x: auto;
text-align: center;
- display: flex; flex-direction: row;
+ display: flex; flex-direction: row;
align-self: center;
}
/*----- That's all, folks -------------------------------------------------*/