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 19.1
edited by Gregory CAUCHIE
on 2026/05/07 03:27
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,9 +1,11 @@
1 +
2 +
1 1  == Les cas d'usage principaux ==
2 2  
3 3  {{html clean="false"}}
4 4  <style>
5 5  /* ── USE-CASE CARDS — separate block, own scope ── */
6 -.konna-uc *{
8 +.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;
44 + flex: 0 0 auto;
47 47  }
48 48  .konna-uc .uc-card .metric {
49 49   font-size: 13px;
... ... @@ -51,23 +51,15 @@
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;
57 + flex: 1 1 0;
58 + min-height: 0;
59 + overflow-y: auto;
60 + overflow-x: hidden;
71 71  }
72 72  
73 73  
... ... @@ -118,3 +118,5 @@
118 118   </div>
119 119  </div>
120 120  {{/html}}
111 +
112 +