admin/39948-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed layout issue near screen edges

Browse Source
This commit is contained in:
Dmitri 2026-04-21 07:10:19 +04:00
parent 8e315e5997
commit 525bf966be
1 changed files with 3 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/css/main.css
View File

@ -163,14 +163,10 @@
/* Force GPU layer creation in Safari */ /* Force GPU layer creation in Safari */
-webkit-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
/* Prevent Safari from optimizing away the GPU layer */
-webkit-perspective: 1000px;
perspective: 1000px;
/* Safari performs better with explicit transform-style */
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
/* Isolate the layer for better compositing */ /* Isolate the layer for better compositing */
isolation: isolate; isolation: isolate;
/* Use will-change instead of perspective for GPU acceleration */
will-change: opacity, transform;
} }
} }
@ -199,11 +195,8 @@
/* Safari-specific optimization for transitions */ /* Safari-specific optimization for transitions */
@supports (-webkit-touch-callout: none) { @supports (-webkit-touch-callout: none) {
.crossfade-transition { .crossfade-transition {
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
isolation: isolate; isolation: isolate;
will-change: opacity, transform;
} }
} }