•  » Styles
  •  » Bootstrap darkroom : infos des vignettes d'album

#1 2023-11-28 22:07:46

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1778

Bootstrap darkroom : infos des vignettes d'album

Bonsoir,
Dans la config de Bootstrap Darkroom, j'ai choisi d'afficher le nombre de photos dans le pied de chaque vignette d'album (Option : Afficher le nombre d'images dans les albums et sous-albums ). Mais ça rentre pas dans les cases (comme disait Zézette dans Le Père Noël est une ordure). Y-aurait-il moyen d'avoir un affichage sur 2 lignes au lieu que ça déborde chez le copain d'à côté ?

https://i.imgur.com/wyuNb2G.png


https://album.chauvigne.info/ v.15.1.0  PHP: 8.2.25
https://balades.comoni.org/  v.15.1.0 PHP: 8.2.25
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Hors ligne

#2 2023-11-29 06:36:35

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16915

Re: Bootstrap darkroom : infos des vignettes d'album

Bonjour,

il me semble qu'il y a une instruction css pour cela à essayer

white-space:

avec pre-wrap ou pre-line

pre-wrap
    Ne fusionne pas les blancs.
    Retour à la ligne automatique en fonction de la largeur du conteneur.
    Retour à la ligne avec le code \D ou \A.
pre-line
    Les blancs sont réduits à un seul.
    Retour à la ligne automatique en fonction de la largeur du conteneur.
    Retour à la ligne avec le code \D ou \A.


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#3 2023-11-29 11:23:17

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1778

Re: Bootstrap darkroom : infos des vignettes d'album

ddtddt, merci, mais je n'y arrive pas.

Je l'ai fait pour le titre de la vignette d'album (card-title) qui se met maintenant sur 2 lignes au lieu  d'être coupé par les 3 petits points quand il est trop long avec ce css :

Code:

.card-title{
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

Mais pour le décompte des photos, je n'arrive pas à trouver le bon sélecteur. Peux-tu m'aider ?
J'ai essayé sans succès card footer, card-footer text-muted, .d-inline-block ellipsis ...


https://album.chauvigne.info/ v.15.1.0  PHP: 8.2.25
https://balades.comoni.org/  v.15.1.0 PHP: 8.2.25
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Hors ligne

#4 2023-11-29 13:40:01

dreamer
Membre
St Cyr/mer (83)
2006-02-26
1088

Re: Bootstrap darkroom : infos des vignettes d'album

Salut voisine

Code:

.ellipsis {
   white-space: normal!important;
}

Photos, Musiques, Camping-car,, Vidéo et le tout nouveau Recettes le tout en 14.2.0

Hors ligne

#5 2023-11-29 13:54:14

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16915

Re: Bootstrap darkroom : infos des vignettes d'album

Bonjour

@Katryne je te laisse dire si  ce que propose dreamer est fonctionnel avant de regarder ;-)


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#6 2023-11-29 14:00:11

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1778

Re: Bootstrap darkroom : infos des vignettes d'album

Salut vous deux ! ça maaaaarche trrrrès bien, le code de Dreamer. Merci de votre temps à tous les deux.

Certes, maintenant, mes boiboites n'ont plus la même hauteur, mais c'est une autre aventure.


https://album.chauvigne.info/ v.15.1.0  PHP: 8.2.25
https://balades.comoni.org/  v.15.1.0 PHP: 8.2.25
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Hors ligne

  •  » Styles
  •  » Bootstrap darkroom : infos des vignettes d'album

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact