Fixed background Chrome fix

radogado · May 14, 2023 · 323920b · 323920b
1 parent ea79e56
commit 323920b
Show file tree

Hide file tree

Showing 15 changed files with 1,956 additions and 1,943 deletions.
diff --git a/css/niui-core.css b/css/niui-core.css
diff --git a/css/niui-core.css.map b/css/niui-core.css.map
diff --git a/css/niui-core.scss b/css/niui-core.scss
@@ -75,23 +75,31 @@ body.n-sticky-footer {
       position: fixed;
       object-fit: cover;
       object-position: center;
-      inset-block-start: 0; // Safari toolbars stability
+      inset-block-start: 0; // Safari iPhone toolbars stability
       inset-inline: 0;
+
       @media (min-width: 600px) {
         inset-block-start: auto;
-        inset-block-end: 0; // Safari toolbars stability
+        inset-block-end: 0; // Safari iPad toolbars stability
       }
     }
   }
 }
 
 // iPad disappearing fixed background
 // @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
-  .n-fixed-bg__backdrop img {
-    transform: translate3d(0, 0, 0);
-  }
+.n-fixed-bg__backdrop img {
+  transform: translate3d(0, 0, 0);
+}
+
 // }
 
+// Chrome stuck at bottom
+[data-nui-chrome] .n-fixed-bg__backdrop img {
+  inset-block-start: auto;
+  inset-block-end: 0;
+}
+
 .n-fixed {
   position: fixed;
 

diff --git a/dist/niui.min.css b/dist/niui.min.css
diff --git a/dist/niui.min.css.map b/dist/niui.min.css.map
diff --git a/dist/niui.min.css.size b/dist/niui.min.css.size
@@ -1 +1 @@
-14315
+14358
diff --git a/dist/niui.min.js b/dist/niui.min.js
diff --git a/dist/niui.min.js.map b/dist/niui.min.js.map
diff --git a/dist/niui.min.js.size b/dist/niui.min.js.size
@@ -1 +1 @@
-12494
+12542