@odx/ui 4.0.1 → 4.1.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @odx/ui
 
+## 4.1.0
+
+### Minor Changes
+
+- 14ccf72: Fix: Restored scrollable modals
+
+## 4.0.2
+
+### Patch Changes
+
+- cddf0cf: toast text content overflow fixed
+
 ## 4.0.1
 
 ### Patch Changes

package/core-theme.css

@@ -5309,7 +5309,7 @@ html body .odx-fs-italic {
   border-radius: var(--odx-v-border-radius);
   display: flex;
   flex-direction: column;
-  height: 100%;
+  max-height: calc(100dvh - var(--odx-modal-margin-y) - var(--odx-modal-margin-bottom));
 }
 .odx-modal--with-component .odx-modal__container > * {
   display: contents;
@@ -6844,13 +6844,13 @@ html body .odx-fs-italic {
 .odx-toast-item__text-content {
   font-size: calc(var(--odx-typography-base-size) * (1*1/var(--odx-typography-negative-font-scaling-factor)));
   flex: 1;
+  overflow: auto;
 }
 .odx-toast-item__title {
   font-weight: var(--odx-typography-font-weight-bold);
 }
 .odx-toast-item__description {
   max-height: calc(var(--odx-vertical-rythm-base-size) * 5);
-  overflow: auto;
   overflow-wrap: break-word;
 }
 .odx-toast-item__close {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odx/ui",
-  "version": "4.0.1",
+  "version": "4.1.0",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {

package/scss/components/modal.component.scss

@@ -91,7 +91,7 @@ $modal-padding: math.div(12, 24);
     border-radius: var(--odx-v-border-radius);
     display: flex;
     flex-direction: column;
-    height: 100%;
+    max-height: calc(100dvh - var(--odx-modal-margin-y) - var(--odx-modal-margin-bottom));
 
     #{$root}--with-component & > * {
       display: contents;

package/scss/components/toast-item.component.scss

@@ -27,6 +27,7 @@
     @include typography.font-size(-1);
 
     flex: 1;
+    overflow: auto;
   }
 
   &__title {
@@ -35,7 +36,6 @@
 
   &__description {
     max-height: dimensions.get-size(5);
-    overflow: auto;
     overflow-wrap: break-word;
   }