Gallery view in "explorer"

Also fixed some issues with cartel CSS
This commit is contained in:
2021-01-30 17:19:44 +01:00
parent 131bbe11e6
commit 18cdfa8c17
9 changed files with 134 additions and 31 deletions

View File

@ -218,8 +218,10 @@ article #gallery img {
/* Cartel (expo & painting) */
#info {
width:300px;
max-width:70vw;
width:-moz-fit-content;
width:fit-content;
min-width:300px;
max-width:76vw;
box-shadow:.2rem .2rem .2rem .2rem rgba(0,0,0,.1);
padding:0.65rem 1.15rem 0.65rem 1.15rem;
position:relative;
@ -229,6 +231,12 @@ article #gallery img {
margin-bottom:1.5rem;
}
@media only screen and (max-width: 600px) {
#info {
min-width:280px;
}
}
#info .info {
font-size:1.2rem;
position:absolute;
@ -335,9 +343,19 @@ article.explorer p {
}
}
article.explorer .style-container {
display:flex;
align-self:flex-end;
justify-content:space-evenly;
flex-wrap:nowrap;
}
article.explorer h2 {
margin:0;
margin-right:auto;
cursor:pointer;
width:-moz-fit-content;
width:fit-content;
}
article.explorer h2::after {
@ -352,6 +370,17 @@ article.explorer h2.active::after {
transform:rotate(0);
}
article.explorer img.style-select {
display:block;
text-align:right;
max-height:2rem;
margin:0;
margin-bottom:0.25rem;
margin-right:0.5rem;
margin-left:0.5rem;
cursor:pointer;
}
article.explorer h3 {
margin-bottom:0.3rem;
}
@ -446,7 +475,7 @@ article.explorer table {
width:100%;
margin-top:1rem;
margin-bottom:1rem;
overflow-x:scroll;
overflow-x:auto;
}
article.explorer table tr:first-child th:first-child {