Skip to Content

Changes for page Konnaissance

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

Summary

Details

Page properties
Content
... ... @@ -510,7 +510,7 @@
510 510  {{html clean="false"}}
511 511  <style>
512 512  /* ── USE-CASE CARDS — separate block, own scope ── */
513 -.konna-uc *, .konna-uc *::before, .konna-uc *::after {
513 +.konna-uc *{
514 514   box-sizing: border-box;
515 515   margin: 0;
516 516   padding: 0;
... ... @@ -540,6 +540,8 @@
540 540   width: 100%;
541 541   height: 220px;
542 542   overflow: hidden;
543 + /* Bootstrap 3 sets min-height on flex containers — override it */
544 + min-height: 0 !important;
543 543  }
544 544  .konna-uc .uc-card .ic {
545 545   width: 32px; height: 32px;
... ... @@ -546,7 +546,9 @@
546 546   border-radius: 50%;
547 547   display: flex; align-items: center; justify-content: center;
548 548   font-size: 16px;
549 - flex: 0 0 auto;
551 + flex: 0 0 32px;
552 + /* explicit width prevents Bootstrap from stretching it */
553 + max-width: 32px;
550 550  }
551 551  .konna-uc .uc-card .metric {
552 552   font-size: 13px;
... ... @@ -554,15 +554,23 @@
554 554   line-height: 1.3;
555 555   word-break: break-word;
556 556   flex: 0 0 auto;
561 + /* must be block-level and full-width for text to wrap */
562 + width: 100%;
563 + display: block;
564 +
565 +
557 557  }
558 558  .konna-uc .uc-card .label {
559 559   font-size: 11px;
560 560   color: #888780;
561 561   line-height: 1.4;
562 - flex: 1 1 0;
563 - min-height: 0;
564 - overflow-y: auto;
565 - overflow-x: hidden;
571 + flex: 1 1 auto;
572 + /* min-height:0 !important beats Bootstrap 3's min-height:auto on flex children */
573 + min-height: 0 !important;
574 + width: 100%;
575 + display: block;
576 + word-wrap: break-word;
577 + overflow-wrap: break-word;
566 566  }
567 567  
568 568  
... ... @@ -587,7 +587,8 @@
587 587   <div class="uc-card">
588 588   <div class="ic ic-coral">&#127919;</div>
589 589   <div class="metric c-coral">Intranet collaboratif</div>
590 - <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>
602 + <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.
603 + </div>
591 591   </div>
592 592   <div class="uc-card">
593 593   <div class="ic ic-amber">&#128274;</div>