Skip to Content

Changes for page Konnaissance

Last modified by Gregory CAUCHIE on 2026/05/07 04:20
From version 19.1
edited by Gregory CAUCHIE
on 2026/05/07 03:27
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
... ... @@ -1,11 +3,9 @@
1 -
2 -
3 3  == Les cas d'usage principaux ==
4 4  
5 5  {{html clean="false"}}
6 6  <style>
7 7  /* ── USE-CASE CARDS — separate block, own scope ── */
8 -.konna-uc *, .konna-uc *::before, .konna-uc *::after {
6 +.konna-uc *{
9 9   box-sizing: border-box;
10 10   margin: 0;
11 11   padding: 0;
... ... @@ -35,6 +35,8 @@
35 35   width: 100%;
36 36   height: 220px;
37 37   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,7 +41,9 @@
41 41   border-radius: 50%;
42 42   display: flex; align-items: center; justify-content: center;
43 43   font-size: 16px;
44 - flex: 0 0 auto;
44 + flex: 0 0 32px;
45 + /* explicit width prevents Bootstrap from stretching it */
46 + max-width: 32px;
45 45  }
46 46  .konna-uc .uc-card .metric {
47 47   font-size: 13px;
... ... @@ -49,15 +49,23 @@
49 49   line-height: 1.3;
50 50   word-break: break-word;
51 51   flex: 0 0 auto;
54 + /* must be block-level and full-width for text to wrap */
55 + width: 100%;
56 + display: block;
57 +
58 +
52 52  }
53 53  .konna-uc .uc-card .label {
54 54   font-size: 11px;
55 55   color: #888780;
56 56   line-height: 1.4;
57 - flex: 1 1 0;
58 - min-height: 0;
59 - overflow-y: auto;
60 - 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;
61 61  }
62 62  
63 63  
... ... @@ -108,5 +108,3 @@
108 108   </div>
109 109  </div>
110 110  {{/html}}
111 -
112 -