backend: rework gallery hyperlinks styling
Apply properties to a element, not img. Set "line-height: 0" to remove extraneous extra space at the bottom of the image, still inside a element.
This commit is contained in:
parent
a7e5d3d3d5
commit
9e189f37fb
@ -158,9 +158,11 @@ dd {
|
|||||||
padding: 0 0.5rem;
|
padding: 0 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gallery > a > img,
|
.gallery > a,
|
||||||
.gallery > a:link > img,
|
.gallery > a:link,
|
||||||
.gallery > a:visited > img {
|
.gallery > a:visited {
|
||||||
|
line-height: 0;
|
||||||
|
|
||||||
max-height: 24rem;
|
max-height: 24rem;
|
||||||
max-width: 14rem;
|
max-width: 14rem;
|
||||||
|
|
||||||
@ -169,8 +171,8 @@ dd {
|
|||||||
outline-color: var(--accent);
|
outline-color: var(--accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.gallery > a:hover > img,
|
.gallery > a:hover,
|
||||||
.gallery > a:active > img {
|
.gallery > a:active {
|
||||||
outline-color: var(--accent-hover);
|
outline-color: var(--accent-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user