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

Ajustements de mise en page

Browse Source
This commit is contained in:
Jean-Marie Favreau 2025-03-09 21:16:57 +01:00
parent f1ec525c5f
commit a8a40ae72c
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/agenda_culturel/static/js/calendar-buttons.js
View File

@ -8,19 +8,25 @@ function displayButtons() {
grid = agenda.querySelector(".grid");
buttonLeft = navigation.querySelector(".slider-button-inside.button-left");
buttonRight = navigation.querySelector(".slider-button-inside.button-right");
buttonPageLeft = navigation.querySelector(".slider-button-page.button-left");
buttonPageRight = navigation.querySelector(".slider-button-page.button-right");
if (agenda.offsetWidth < grid.offsetWidth) {
if (agenda.scrollLeft < delta) {
buttonLeft.classList.add("hidden");
buttonPageLeft.classList.remove("hidden");
}
else {
buttonLeft.classList.remove("hidden");
buttonPageLeft.classList.add("hidden");
}
if (agenda.scrollLeft + agenda.offsetWidth - grid.offsetWidth >= -2) {
buttonRight.classList.add("hidden");
buttonPageRight.classList.remove("hidden");
}
else {
buttonRight.classList.remove("hidden");
buttonPageRight.classList.add("hidden");
}
@ -28,6 +34,8 @@ function displayButtons() {
else {
buttonLeft.classList.add("hidden");
buttonRight.classList.add("hidden");
buttonPageLeft.classList.remove("hidden");
buttonPageRight.classList.remove("hidden");
}
}

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

@ -461,6 +461,7 @@ header .title {
position: sticky;
top: 0;
display: grid;
height: fit-content;
grid-template-columns: fit-content(6em) 3fr fit-content(6em);
@ -481,6 +482,12 @@ header .title {
margin: 0;
}
@media only screen and (min-width: 450px) {
hgroup {
font-size: 80%;
}
}
@media only screen and (min-width: 250px) {
.title {
grid-column: 2/3;
@ -1545,7 +1552,7 @@ img.preview {
.a-venir {
#navigation {
height: 4.5em;
/*height: 4.5em;*/
z-index: 11;
padding-top: 1em;
.title.deuxlignes {