@telia-ace/widget-core-flamingo 1.1.22-rc.0 → 1.1.22-rc.1

package/index.js

@@ -201,23 +201,34 @@
       display: block;
     }
 
-    :host(.floating) {
+    :host(.inline) {
+      height: 100%;
       position: fixed;
+      inset: 0 0 0 0;
+    }
+
+    :host(.floating) {
       z-index: 6;
-      inset: auto 20px 95px auto;
-      max-height: calc(100vh - 120px);
-      width: 400px;
-      height: 700px;
+      position: fixed;
+    }
+    @media screen and (max-width: 800px) {
+      :host(.floating) {
+        inset: 0 0 95px 0;
+      }
+    }
+    @media screen and (min-width: 801px) {
+      :host(.floating) {
+        inset: auto 20px 95px auto;
+        max-height: calc(100vh - 120px);
+        width: 400px;
+        height: 700px;
+      }
     }
+
     :host(.floating) .widget-container {
       box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
       border-radius: 0.7rem;
     }
-    :host(.inline) {
-      height: 100%;
-      position: fixed;
-      inset: 0 0 0 0;
-    }
 
     * {
       box-sizing: border-box;

package/index.mjs

@@ -1654,23 +1654,34 @@ rt.styles = D`
       display: block;
     }
 
-    :host(.floating) {
+    :host(.inline) {
+      height: 100%;
       position: fixed;
+      inset: 0 0 0 0;
+    }
+
+    :host(.floating) {
       z-index: 6;
-      inset: auto 20px 95px auto;
-      max-height: calc(100vh - 120px);
-      width: 400px;
-      height: 700px;
+      position: fixed;
+    }
+    @media screen and (max-width: 800px) {
+      :host(.floating) {
+        inset: 0 0 95px 0;
+      }
+    }
+    @media screen and (min-width: 801px) {
+      :host(.floating) {
+        inset: auto 20px 95px auto;
+        max-height: calc(100vh - 120px);
+        width: 400px;
+        height: 700px;
+      }
     }
+
     :host(.floating) .widget-container {
       box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
       border-radius: 0.7rem;
     }
-    :host(.inline) {
-      height: 100%;
-      position: fixed;
-      inset: 0 0 0 0;
-    }
 
     * {
       box-sizing: border-box;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-core-flamingo",
-  "version": "1.1.22-rc.0",
+  "version": "1.1.22-rc.1",
   "dependencies": {
     "lit": "^3.0.2",
     "@teliads/icons": "^8.4.0",