EH22/dokuwiki-template-sprintdoc-modified
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix media viewer styling

Browse source
This commit is contained in:
traumweh 2025-04-09 12:42:59 +02:00
commit 999e516fd1
Signed by: lilith
SSH key fingerprint: SHA256:WMHGS60rozMrHkA/VT+Ole85sPCLZ190yemdzY68WJo
1 changed files with 12 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

21
css/template_detail.less
View file

@ -15,7 +15,7 @@
left: 0; left: 0;
display: inline-block; display: inline-block;
max-width: 100%; max-width: 100%;
color: @ini_button_color; color: var(--color-foreground);
margin: 0 auto 1.4em; margin: 0 auto 1.4em;
&::before { &::before {
@ -25,7 +25,7 @@
display: block; display: block;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
background: @ini_button_background; background: var(--color-background);
line-height: @line-height-default; line-height: @line-height-default;
padding: @margin-small; padding: @margin-small;
} }
@ -33,7 +33,7 @@
img { img {
margin: 0; margin: 0;
display: block; display: block;
border: 1px dotted var(--color-background); border: solid 0.1rem transparent;
position: relative; position: relative;
} }
@ -44,10 +44,13 @@
&::before { &::before {
content: attr(title); content: attr(title);
border: solid 0.1rem var(--color-glow-primary);
transition: var(--transition-glow);
filter: var(--filter-glow-primary);
} }
img { img {
border: 1px solid @ini_button_background; border: solid 0.1rem var(--color-shade-4);
} }
} }
} }
@ -59,10 +62,10 @@
div.img_detail { div.img_detail {
@media screen { @media screen {
/* vertical minus margin of .img-detail corresponds to the padding of .page */ /* vertical minus margin of .img-detail corresponds to the padding of .page */
background-color: @ini_background_page_header; background-color: var(--color-shade-1);
border: solid @ini_border_light; border: solid 0.1em var(--color-shade-4);
border-width: 1px 0;
margin: @margin-default -(@margin-default); margin: @margin-default -(@margin-default);
color: var(--color-foreground);
h1, h1,
h2, h2,
@ -96,8 +99,8 @@
} }
dt { dt {
background-color: @ini_highlight; background-color: none;
color: @ini_highlight_text; color: var(--color-foreground);
@media @screen_min-xs { @media @screen_min-xs {
width: 33.3%; width: 33.3%;