studio-variable/nouveau-theatre-de-besancon
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add program lines style mobile

Browse source
This commit is contained in:
isUnknown 2024-09-12 15:39:44 +02:00
parent 38da839b89
commit ea0cb004aa
6 changed files with 68 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

26
assets/css/src/collapsable-section.css
View file

@ -76,14 +76,17 @@
}
@media screen and (min-width: 800px) {
.session .left-column {
.session .left-column,
.session .right-column {
display: contents;
}
}
@media screen and (max-width: 800px) {
.collapsable__content .session {
grid-template-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr !important;
column-gap: 9vw;
font-size: 1rem;
}
.collapsable__content .session .ticket-link,
@ -91,9 +94,6 @@
display: block;
}
.collapsable__content .session {
font-size: 1rem;
}
.collapsable__content .session .ticket-link {
font-size: 0.8rem;
text-align: right;
@ -105,4 +105,20 @@
.collapsable__content .session svg {
width: 1.8rem;
}
[data-template="program"] .collapsable__content .session__info--ticket {
order: -1;
}
[data-template="program"] .collapsable__content .right-column {
font-size: var(--font-size-s);
text-align: right;
}
.session .right-column {
justify-self: end;
display: flex;
flex-direction: column;
justify-content: space-between;
}
}