@inappstory/slide-api 0.1.14 → 0.1.15

package/dist/index.cjs

@@ -3819,22 +3819,30 @@ let SlideApi$1 = class SlideApi {
         let xOffset = "0px";
         // for elements with bottom anchor (absolute position)
         let yOffset = "0px";
-        // alert(viewportHeight);
-        if (viewportRatio > _ratio) {
-            // disable _isFullscreen if viewport small
-            _isFullscreen = false;
-        }
         if (_isFullscreen) {
-            // fit by width, top and bottom - to offscreen or fill with bg image
-            slideWidth = viewportWidth;
-            slideHeight = Math.ceil(viewportWidth / _ratio);
-            offset = Math.ceil(slideHeight - viewportHeight) / 2;
-            if (slideOffset != null) {
-                slideOffset.style.margin = -1 * offset + "px" + " 0 ";
-            }
-            // offset from viewport bottom to StoryBottom plus safe area offset bottom
-            yOffset = `calc(${offset + this._overlappingActionBarHeight}px + env(safe-area-inset-bottom))`;
-            // detect safe area offset
+            // более квадратное чем надо (desktop)
+            if (viewportRatio > _ratio) {
+                // fit by height
+                slideHeight = viewportHeight;
+                slideWidth = Math.ceil(slideHeight * _ratio);
+                offset = Math.ceil(slideWidth - viewportWidth) / 2;
+                if (slideOffset != null) {
+                    slideOffset.style.margin = "0 " + -offset + "px"; // -8.5
+                }
+                xOffset = offset + "px";
+            }
+            else {
+                // fit by width, top and bottom - to offscreen or fill with bg image
+                slideWidth = viewportWidth;
+                slideHeight = Math.ceil(viewportWidth / _ratio);
+                offset = Math.ceil(slideHeight - viewportHeight) / 2;
+                if (slideOffset != null) {
+                    slideOffset.style.margin = -1 * offset + "px" + " 0 ";
+                }
+                // offset from viewport bottom to StoryBottom plus safe area offset bottom
+                yOffset = `calc(${offset + this._overlappingActionBarHeight}px + env(safe-area-inset-bottom))`;
+                // detect safe area offset
+            }
         }
         else {
             // более квадратное чем надо