Solucionant URLs llargues a comentaris amb CSS: overflow-wrap i word-break

Drupal

En un projecte Drupal 10 de la feina, tenim fòrums privats amb més de 1600 usuaris, i de vegades els usuaris envien urls en els comentaris dels fils.

De vegades, si les urls són llargues, es queden fora de la caixa dels comentaris:
urls llargues a Drupal

I la solució és molt fàcil, no cal tocar plantilles twig ni programar o instal·lar cap mòdul de Drupal El que farem serà una solució amb els CSS del theme del nostre Drupal.

Anirem a la ruta /var/www/el_nostre_projecte/themes/contrib/el_nostre_theme/css/style.css (generalment serà aquesta ruta) i afegirem el següent codi:


/* Ajusta el selector al contenedor real de tu sitio */
.comment__content,
.comment__content p,
.field--name-comment-body {
overflow-wrap: anywhere; /* corta donde haga falta */
word-break: break-word; /* compatibilidad */
}

Ara esborrem la caché des de la pàgina o amb drush:

# drush cr

I si ara refresquem el fil del fòrum, vurem que la url ja no sobreix de la caixeta dels comentaris i queda super bé:
urls llargues a Drupal

Doncs bé això és tot, espere que trobes útil aquest article i que et motive a compartir els teus trucs, els teus coneixements i els teus experiments amb el Programari Lliure. Pensa-ho, va, que la Comunitat del Programari Lliure va creixent gràcies a la documentació, el disseny, la formació o la programació, sigues part de la Comunitat :-)

La cultura i la lliure circulació de les idees és l'arma més efectiva contra les dictadures del pensament i contra la ignorància.

Utilitats

NAVEGACIÓ SENSE RATOLÍ

- Tab següent enllaç.
- Shift+Tab anterior enllaç.
- Enter activa l'enllaç.
- Alt+esquerra anar arrere.

CONTRAST DE COLORS

Accessibilitat - Color Negre
Accessibilitat - Color Groc
Accessibilitat - Color Verd

Accessibilitat - Color Blau
Accessibilitat - Color Crema
Accessibilitat - Color Blanc

 

PORTADES ALTERNATIVES