setop/agenda_culturel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

On ajuste la largeur des jours

Browse Source 
Fix #243
This commit is contained in:
Jean-Marie Favreau 2025-03-09 17:29:13 +01:00
parent f6622ae1ac
commit a38d226ea5
1 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/agenda_culturel/static/style.scss
View File

@ -330,6 +330,14 @@ footer [data-tooltip] {
} }
#calendar.week {
.grid {
grid-template-columns: repeat(7, 85vw);
width: fit-content;
}
}
#calendar { #calendar {
width: 100%; width: 100%;
overflow: auto; overflow: auto;
@ -343,8 +351,6 @@ footer [data-tooltip] {
} }
.grid { .grid {
grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
min-width: 1840px;
article { article {
scroll-snap-align: start; scroll-snap-align: start;
} }
@ -352,6 +358,7 @@ footer [data-tooltip] {
} }
.grid.week-in-month { .grid.week-in-month {
grid-template-columns: 2.5em repeat(auto-fit, minmax(0%, 1fr)); grid-template-columns: 2.5em repeat(auto-fit, minmax(0%, 1fr));
min-width: 1840px;
margin-bottom: .5em; margin-bottom: .5em;
} }
.entete-semaine { .entete-semaine {
@ -392,6 +399,23 @@ footer [data-tooltip] {
} }
} }
@media only screen and (min-width: 600px) {
#calendar.week {
.grid {
grid-template-columns: repeat(7, 300px);
}
}
}
@media only screen and (min-width: 1700px) {
#calendar.week {
.grid {
grid-template-columns: repeat(7, 1fr);
}
}
}
@media only screen and (min-width: 992px) { @media only screen and (min-width: 992px) {
.infos-and-buttons { .infos-and-buttons {