From 525bf966be064f620dd0253991c1b734fdafc5bb Mon Sep 17 00:00:00 2001 From: Dmitri Date: Tue, 21 Apr 2026 07:10:19 +0400 Subject: [PATCH] fixed layout issue near screen edges --- frontend/src/css/main.css | 13 +++---------- 1 file changed, 3 insertions(+), 10 deletions(-) diff --git a/frontend/src/css/main.css b/frontend/src/css/main.css index 88ccb03..d7cb61e 100644 --- a/frontend/src/css/main.css +++ b/frontend/src/css/main.css @@ -163,14 +163,10 @@ /* Force GPU layer creation in Safari */ -webkit-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 */ isolation: isolate; + /* Use will-change instead of perspective for GPU acceleration */ + will-change: opacity, transform; } } @@ -199,11 +195,8 @@ /* Safari-specific optimization for transitions */ @supports (-webkit-touch-callout: none) { .crossfade-transition { - -webkit-perspective: 1000px; - perspective: 1000px; - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; isolation: isolate; + will-change: opacity, transform; } }