ode-bootstrap 1.3.8-develop-mozo.202409182239 → 1.3.8-develop-mozo.202410081624

package/dist/version.txt

@@ -1 +1 @@
-ode-bootstrap 18/09/2024 22:40:01
+ode-bootstrap 08/10/2024 16:25:02

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ode-bootstrap",
-  "version": "1.3.8-develop-mozo.202409182239",
+  "version": "1.3.8-develop-mozo.202410081624",
   "description": "Open Digital Education CSS framework based on bootstrap",
   "repository": {
     "type": "git",

package/scss/components/widget/_flash.scss

@@ -158,13 +158,6 @@ $widget-flash-colors: (
     padding-right: 1rem;
     grid-area: 1 / 1 / 2 / 3;
 
-    // Merge multiple <br> into one and delete the first empty line if present
-    p, p>div {
-      & > br:first-child, & > br:not(:not(br)+br) {
-        display: none;
-      }
-    }
-
     a {
       color: inherit;
       text-decoration: underline;
@@ -179,9 +172,35 @@ $widget-flash-colors: (
       }
     }
 
+    // This block merges empty lines and trim empty lines of the content.
+    p[flash-message-content]>div {
+      & > br+br {
+        display: none;
+      }
+      & > p>br:first-child,
+      & > p>br:not(:not(br) + br),
+      & > p>div>br:first-child,
+      & div:last-child > br:last-child,
+      & > p>div>br:not(:not(br) + br) {
+        display: none;
+      }
+      & > p {
+        margin-block-start: 1em;
+      }
+      & > p:not(:last-child) {
+        margin-block-end: 1em;
+      }
+      &::before {
+        content:'';
+        display:block;
+        margin-block-end: 1em;
+      }
+      margin-block-start: -1em;
+    }
+
     &.can-be-truncated {
       &:not(.flash-content-is-expandable) {
-        p {
+        & > p {
           @include has-text-truncated(2);
           padding-bottom: 0;
         }

package/scss/mixins/_text-truncate.scss

@@ -13,6 +13,7 @@
   overflow: hidden;
   -webkit-line-clamp: $lines;
   -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
 }
 
 // Hack for multiline ellipsis