PostERG/xamxam
1
0
Fork 0
mirror of https://codeberg.org/PostERG/xamxam.git synced 2026-08-10 07:11:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: prevent line breaks before punctuation in TFE titles and meta labels

Browse Source 
- Override aggressive word-break: break-word from base.css
  with word-break: normal + overflow-wrap: break-word + hyphens: auto
  on .tfe-title, .tfe-author, .tfe-meta-item
- Replace regular spaces before colons with   in all meta labels
  (French typographic rule: non-breaking space before double punctuation)
- Rebuild tfe.min.css
This commit is contained in:
Pontoporeia
2026-07-10 14:47:52 +02:00
parent bbf063f3eb
commit 2461f526bf
3 changed files with 28 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/public/assets/css/tfe.css
+9
View File
@@ -213,12 +213,18 @@
color: var(--text-primary);
margin: 0;
line-height: 1.3;
word-break: normal;
overflow-wrap: break-word;
hyphens: auto;
}
/* Title (h1) — inherits global scale from base.css */
.tfe-title {
margin: 0;
font-size: var(--step-2);
word-break: normal;
overflow-wrap: break-word;
hyphens: auto;
}
/* Metadata block */
@@ -234,6 +240,9 @@
.tfe-meta-item {
margin: 0;
font-weight: 700;
word-break: normal;
overflow-wrap: break-word;
hyphens: auto;
}
.tfe-meta-label {
app/templates/public/tfe.php
+18 -18
View File
@@ -17,28 +17,28 @@
<div class="tfe-meta">
<?php if (!empty($data["orientation"])): ?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Orientation :</span>
<span class="tfe-meta-label">Orientation&nbsp;:</span>
<a href="/search?orientation=<?= urlencode($data["orientation"]) ?>&query=<?= urlencode($data["orientation"]) ?>"><?= htmlspecialchars($data["orientation"]) ?></a>
</p>
<?php endif; ?>
<?php if (!empty($data["ap_program"])): ?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Atelier pluridisciplinaire :</span>
<span class="tfe-meta-label">Atelier pluridisciplinaire&nbsp;:</span>
<a href="/search?ap_program=<?= urlencode($data["ap_program"]) ?>&query=<?= urlencode($data["ap_program"]) ?>"><?= htmlspecialchars($data["ap_program"]) ?></a>
</p>
<?php endif; ?>
<?php if (!empty($data["finality_type"])): ?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Finalité :</span>
<span class="tfe-meta-label">Finalité&nbsp;:</span>
<a href="/search?finality=<?= urlencode($data["finality_type"]) ?>&query=<?= urlencode($data["finality_type"]) ?>"><?= htmlspecialchars($data["finality_type"]) ?></a>
</p>
<?php endif; ?>
<?php if (!empty($data["year"])): ?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Date :</span>
<span class="tfe-meta-label">Date&nbsp;:</span>
<a href="/search?year=<?= urlencode($data["year"]) ?>&query=<?= urlencode($data["year"]) ?>"><?= htmlspecialchars($data["year"]) ?></a>
</p>
<?php endif; ?>
@@ -58,14 +58,14 @@
unset($_h, $_m);
?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Durée :</span>
<span class="tfe-meta-label">Durée&nbsp;:</span>
<?= $_duree ?>
</p>
<?php endif; unset($_hasPages, $_hasMins, $_parts, $_duree); ?>
<?php if (!empty($data["languages"])): ?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Langue :</span>
<span class="tfe-meta-label">Langue&nbsp;:</span>
<?php
$langs = array_map("trim", explode(",", $data["languages"]));
$langLinks = array_map(
@@ -79,7 +79,7 @@
<?php if (!empty($data["formats"])): ?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Format :</span>
<span class="tfe-meta-label">Format&nbsp;:</span>
<?php
$fmts = array_map("trim", explode(",", $data["formats"]));
$fmtLinks = array_map(
@@ -93,7 +93,7 @@
<?php if (!empty($data["keywords"])): ?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Mots-clés :</span>
<span class="tfe-meta-label">Mots-clés&nbsp;:</span>
<?php
$kws = array_map("trim", explode(",", $data["keywords"]));
$kwLinks = array_map(
@@ -107,7 +107,7 @@
<?php if (!empty($promoteursInternes)): ?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Promoteur·ice interne :</span>
<span class="tfe-meta-label">Promoteur·ice interne&nbsp;:</span>
<?php
$links = array_map(
fn($n) => '<a href="/search?query=' . urlencode($n) . '">' . htmlspecialchars($n) . '</a>',
@@ -120,7 +120,7 @@
<?php if (!empty($promoteursExternes)): ?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Promoteur·ice externe :</span>
<span class="tfe-meta-label">Promoteur·ice externe&nbsp;:</span>
<?php
$links = array_map(
fn($n) => '<a href="/search?query=' . urlencode($n) . '">' . htmlspecialchars($n) . '</a>',
@@ -133,7 +133,7 @@
<?php if (!empty($promoteursUlb)): ?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Promoteur·ice université :</span>
<span class="tfe-meta-label">Promoteur·ice université&nbsp;:</span>
<?php
$links = array_map(
fn($n) => '<a href="/search?query=' . urlencode($n) . '">' . htmlspecialchars($n) . '</a>',
@@ -146,7 +146,7 @@
<?php if (!empty($juryPresidents)): ?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Président·e du jury :</span>
<span class="tfe-meta-label">Président·e du jury&nbsp;:</span>
<?php
$links = array_map(
fn($n) => '<a href="/search?query=' . urlencode($n) . '">' . htmlspecialchars($n) . '</a>',
@@ -159,7 +159,7 @@
<?php if (!empty($juryLecteursInternes)): ?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Lecteur·ice(s) interne :</span>
<span class="tfe-meta-label">Lecteur·ice(s) interne&nbsp;:</span>
<?php
$links = array_map(
fn($n) => '<a href="/search?query=' . urlencode($n) . '">' . htmlspecialchars($n) . '</a>',
@@ -172,7 +172,7 @@
<?php if (!empty($juryLecteursExternes)): ?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Lecteur·ice(s) externe :</span>
<span class="tfe-meta-label">Lecteur·ice(s) externe&nbsp;:</span>
<?php
$links = array_map(
fn($n) => '<a href="/search?query=' . urlencode($n) . '">' . htmlspecialchars($n) . '</a>',
@@ -185,7 +185,7 @@
<?php if (!empty($data["access_type"])): ?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Accès :</span>
<span class="tfe-meta-label">Accès&nbsp;:</span>
<?= htmlspecialchars($data["access_type"]) ?>
</p>
<?php endif; ?>
@@ -195,7 +195,7 @@
$_lic = !empty($data["license_type"]) ? $data["license_type"] : ($data["license_custom"] ?? null);
if ($_cc2r || $_lic): ?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Licence :</span>
<span class="tfe-meta-label">Licence&nbsp;:</span>
<?= htmlspecialchars(implode(", ", array_filter([$_cc2r ? "CC2r" : null, $_lic]))) ?>
</p>
<?php endif; ?>
@@ -203,7 +203,7 @@
<?php if (!empty($data["contact_visible"])): ?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Contact :</span>
<span class="tfe-meta-label">Contact&nbsp;:</span>
<?php
$_contact = $data["contact_visible"];
$_isUrl = filter_var($_contact, FILTER_VALIDATE_URL) !== false;
@@ -249,7 +249,7 @@
$_baiuLabel = parse_url($data["baiu_link"], PHP_URL_HOST) ?: preg_replace("#^https?://(www\\.)?#i", "", rtrim($data["baiu_link"], "/"));
?>
<p class="tfe-meta-item">
<span class="tfe-meta-label">Lien :</span>
<span class="tfe-meta-label">Lien&nbsp;:</span>
<a href="<?= $_baiuHref ?>" target="_blank" rel="noopener">
<?= htmlspecialchars($_baiuLabel) ?>
<span class="sr-only">(ouvre dans un nouvel onglet)</span>