Skip to Content

Changes for page Konnaissance

Last modified by Gregory CAUCHIE on 2026/05/07 04:20
From version 23.4
edited by Gregory CAUCHIE
on 2026/05/07 03:51
Change comment: There is no comment for this version
To version 22.2
edited by Gregory CAUCHIE
on 2026/05/07 03:43
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 *, .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,18 +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;
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 */
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;
62 62  }
63 63  
64 64  
... ... @@ -83,7 +83,8 @@
83 83   <div class="uc-card">
84 84   <div class="ic ic-coral">&#127919;</div>
85 85   <div class="metric c-coral">Intranet collaboratif</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>
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>
87 87   </div>
88 88   <div class="uc-card">
89 89   <div class="ic ic-amber">&#128274;</div>
... ... @@ -108,4 +108,3 @@
108 108   </div>
109 109  </div>
110 110  {{/html}}
111 -