keb/ginou
1
0
Fork 0
Code Issues 6 Pull Requests Releases Activity

Metadata correctly displayed on painting page for mobile

Browse Source
This commit is contained in:
Théo Marchal 2021-01-09 17:18:40 +01:00
parent cd4e49b174
commit 22244676ab
1 changed files with 25 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
styles/main.css
View File

@ -218,9 +218,9 @@ article #gallery img {
padding:0.65rem 0 0.65rem 1.15rem; padding:0.65rem 0 0.65rem 1.15rem;
position:relative; position:relative;
display:block; display:block;
margin:auto;
text-align:left; text-align:left;
margin:auto;
margin-bottom:1.5rem;
} }
#info .info { #info .info {
@ -285,11 +285,31 @@ article.painting .container .metadata span.content {
font-size:0.9em; font-size:0.9em;
} }
@media only screen and (max-width: 1200px) { @media only screen and (min-width:800px) and (max-width: 1200px) {
article.painting .container {
display:block;
}
article.painting .container ul.metadata { article.painting .container ul.metadata {
display:none; position:relative;
columns:3;
width:80vw;
margin:auto;
margin-top:1rem;
}
}
@media only screen and (max-width:800px) {
article.painting .container {
display:block;
}
article.painting .container ul.metadata {
position:relative;
columns:2;
width:80vw;
margin:auto;
margin-top:1rem;
} }
} }