Skip to Content

Changes for page Konnaissance

Last modified by Gregory CAUCHIE on 2026/05/07 04:20
From version 23.3
edited by Gregory CAUCHIE
on 2026/05/07 03:48
Change comment: There is no comment for this version
To version 24.1
edited by Gregory CAUCHIE
on 2026/05/07 03:52
Change comment: Rollback to version 22.2

Summary

Details

Page properties
Content
... ... @@ -3,7 +3,7 @@
3 3  {{html clean="false"}}
4 4  <style>
5 5  /* ── USE-CASE CARDS — separate block, own scope ── */
6 -.konna-uc *, .konna-uc *::before, .konna-uc *::after {
6 +.konna-uc *{
7 7   box-sizing: border-box;
8 8   margin: 0;
9 9   padding: 0;
... ... @@ -33,6 +33,8 @@
33 33   width: 100%;
34 34   height: 220px;
35 35   overflow: hidden;
36 + /* Bootstrap 3 sets min-height on flex containers — override it */
37 + min-height: 0 !important;
36 36  }
37 37  .konna-uc .uc-card .ic {
38 38   width: 32px; height: 32px;
... ... @@ -39,7 +39,9 @@
39 39   border-radius: 50%;
40 40   display: flex; align-items: center; justify-content: center;
41 41   font-size: 16px;
42 - flex: 0 0 auto;
44 + flex: 0 0 32px;
45 + /* explicit width prevents Bootstrap from stretching it */
46 + max-width: 32px;
43 43  }
44 44  .konna-uc .uc-card .metric {
45 45   font-size: 13px;
... ... @@ -47,15 +47,23 @@
47 47   line-height: 1.3;
48 48   word-break: break-word;
49 49   flex: 0 0 auto;
54 + /* must be block-level and full-width for text to wrap */
55 + width: 100%;
56 + display: block;
57 +
58 +
50 50  }
51 51  .konna-uc .uc-card .label {
52 52   font-size: 11px;
53 53   color: #888780;
54 54   line-height: 1.4;
55 - flex: 1 1 0;
56 - min-height: 0;
57 - overflow-y: auto;
58 - overflow-x: hidden;
64 + flex: 1 1 auto;
65 + /* min-height:0 !important beats Bootstrap 3's min-height:auto on flex children */
66 + min-height: 0 !important;
67 + width: 100%;
68 + display: block;
69 + word-wrap: break-word;
70 + overflow-wrap: break-word;
59 59  }
60 60  
61 61  
... ... @@ -80,7 +80,8 @@
80 80   <div class="uc-card">
81 81   <div class="ic ic-coral">&#127919;</div>
82 82   <div class="metric c-coral">Intranet collaboratif</div>
83 - <div class="label">Konnaissance peut remplacer ou compléter votre intranet : actualités de l'organisation, annuaire des collaborateurs, espace d'onboarding, calendrier des événements, documentation RH. Un espace vivant que les équipes alimentent elles-mêmes.</div>
95 + <div class="label"> Konnaissance peut remplacer ou compléter votre intranet : actualités de l'organisation, annuaire des collaborateurs, espace d'onboarding, calendrier des événements, documentation RH. Un espace vivant que les équipes alimentent elles-mêmes.
96 + </div>
84 84   </div>
85 85   <div class="uc-card">
86 86   <div class="ic ic-amber">&#128274;</div>
... ... @@ -105,4 +105,3 @@
105 105   </div>
106 106  </div>
107 107  {{/html}}
108 -