UI calendar : on mobile, week's button/number are hidding part of the calendar about yeswiki HOT 5 OPEN

C'est plus un contournement qu'une solution, mais ya un parametre minical="true" qui cqche les jours de la semaine (et rapetisse les chiffres).
Autrement, c'est gérable aussi avec du css custom qui s'applique pour des petites résolutions.

from yeswiki.

dans un de mes projets, j'ai mis ce css pour enlever le fond et écrire en une autre couleur la semaine :

.fc .fc-daygrid-week-number {
    background: none;
    color: var(--neutral-soft-color);
}

si ça peut t'aider... tu peux changer la taille avec un font-size ou carrément enlever l'affichage avec un display: none.

from yeswiki.

Et tu peux mettre le style custom dans la page PageCss ou directement dans un theme ou preset custom

from yeswiki.

Merci pour l'astuce. Après effectivement, les chiffres sont petits. Je vais voir si j'arrive à le modifier avec du CSS custom.
Quel serait les paramêtres/fichiers pour gérer la mise en forme du calendrier autre que le CSS ?

from yeswiki.

Merci, j'ai suivi vos conseils. Je changerai bien "Sem 42" en "42" sur version mobile, histoire d'agrandir la police.

J'ai rédigé ceci dans https://MonSite.fr/?PageCss :

/* Calendrier, adapte l'affichage des semaines pour la version mobile  */

@media only screen and (max-width: 600px) {
.fc .fc-daygrid-week-number {
font-size: 0.5em;
}
}

Sur mobile c'est très petit (3mm) mais lisible et utilisable. Ya le bouton semaine qui fera le relais si besoin.
Sur ordi c'est parfait.

le résultat 🙂

NB : je vous laisse clore le sujet si besoin.

from yeswiki.