blitzwing/wikimore
1
0
Fork 0
forked from PrivateCoffee/wikimore
Code Pull requests Activity

feat: center and resize media files uniformly

Browse source 
Added styles for .mw-file-element to ensure media files are centered, displayed as blocks, and resized proportionally to fit within their containers. This enhances layout consistency across the application.

Fixes #14.
This commit is contained in:
Kumi 2024-08-20 08:06:37 +02:00
parent 69cf1656fe
commit 8a07e7a1ef
Signed by: kumi
GPG key ID: ECBCC9082395383F
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/wikimore/static/css/style.css
View file

@ -359,7 +359,8 @@ section > .category-link::after {
.infobox { .infobox {
float: right; float: right;
margin: 1em; margin: 1em;
width: 300px; min-width: 300px;
width: fit-content !important;
background-color: #f9f9f9; background-color: #f9f9f9;
border: 1px solid #ddd; border: 1px solid #ddd;
font-size: small; font-size: small;
@ -499,6 +500,14 @@ figcaption,
max-width: 300px; max-width: 300px;
} }
.mw-file-element {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
height: auto;
}
/* Reference styling */ /* Reference styling */
.reflist-lower-alpha .references { .reflist-lower-alpha .references {
list-style-type: lower-alpha; list-style-type: lower-alpha;
@ -525,7 +534,7 @@ span {
padding: 10px; padding: 10px;
margin: 10px 0; margin: 10px 0;
float: right; float: right;
width: 300px; min-width: 300px;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
flex-direction: column; flex-direction: column;