Skip to Content

Changes for page Konnaissance

Last modified by Gregory CAUCHIE on 2026/05/07 04:20
From version 22.2
edited by Gregory CAUCHIE
on 2026/05/07 03:43
Change comment: There is no comment for this version
To version 23.4
edited by Gregory CAUCHIE
on 2026/05/07 03:51
Change comment: There is no comment for this version

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 *{
6 +.konna-uc *, .konna-uc *::before, .konna-uc *::after {
7 7   box-sizing: border-box;
8 8   margin: 0;
9 9   padding: 0;
... ... @@ -33,8 +33,6 @@
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;
38 38  }
39 39  .konna-uc .uc-card .ic {
40 40   width: 32px; height: 32px;
... ... @@ -41,9 +41,7 @@
41 41   border-radius: 50%;
42 42   display: flex; align-items: center; justify-content: center;
43 43   font-size: 16px;
44 - flex: 0 0 32px;
45 - /* explicit width prevents Bootstrap from stretching it */
46 - max-width: 32px;
42 + flex: 0 0 auto;
47 47  }
48 48  .konna-uc .uc-card .metric {
49 49   font-size: 13px;
... ... @@ -51,23 +51,18 @@
51 51   line-height: 1.3;
52 52   word-break: break-word;
53 53   flex: 0 0 auto;
54 - /* must be block-level and full-width for text to wrap */
55 - width: 100%;
56 - display: block;
57 -
58 -
59 59  }
60 60  .konna-uc .uc-card .label {
61 61   font-size: 11px;
62 62   color: #888780;
63 63   line-height: 1.4;
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;
55 + flex: 1 1 0;
56 + min-height: 0;
57 + overflow-y: auto;
58 + overflow-x: hidden;
59 + width: 100%; /* forces the div to fill the column width */
60 + display: block; /* ensures it's a block-level box, not inline */
61 + word-wrap: break-word; /* wraps long unbreakable strings */
71 71  }
72 72  
73 73  
... ... @@ -92,8 +92,7 @@
92 92   <div class="uc-card">
93 93   <div class="ic ic-coral">&#127919;</div>
94 94   <div class="metric c-coral">Intranet collaboratif</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>
86 + <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>
97 97   </div>
98 98   <div class="uc-card">
99 99   <div class="ic ic-amber">&#128274;</div>
... ... @@ -118,3 +118,4 @@
118 118   </div>
119 119  </div>
120 120  {{/html}}
111 +