wasrusgen/zov-tech
1
0
Fork 0
mirror of https://github.com/wasrusgen/zov-tech.git synced 2026-06-03 15:04:50 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: splash блокировал клики во время fade-out + сократил min-show

Browse Source 
1. .loader.splash.hide теперь имеет pointer-events:none !important —
   во время 400мс fade splash не блокирует тапы.

2. minShow 2500мс → 1200мс — меньше ожидания, меньше шансов попасть
   в окно когда splash ещё блокирует.

Cache bust v=20260513h.
This commit is contained in:
wasrusgen 2026-05-12 20:16:59 +03:00
parent 67034e011a
commit 4848b3a3ef
3 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
miniapp/assets/app.js
View File

@ -645,7 +645,7 @@ function hideSplash() {
const splash = document.getElementById("splash");
if (!splash) return;
const elapsed = Date.now() - _splashStart;
const minShow = 2500; // минимум показа, мс — 2.5 сек чтобы успеть рассмотреть лого
const minShow = 1200; // минимум показа, мс — 1.2 сек хватает чтобы рассмотреть лого и не блокировать UI
const wait = Math.max(0, minShow - elapsed);
setTimeout(() => {
splash.classList.add("hide");

2
miniapp/assets/styles.css
View File

@ -277,6 +277,8 @@ button { font: inherit; cursor: pointer; border: none; background: none; color:
to { opacity: 1; }
}
.loader.splash.hide {
/* Мгновенно отключаем взаимодействие, чтобы splash не блокировал клики во время fade */
pointer-events: none !important;
animation: splashFadeOut 0.4s ease-out forwards;
}
@keyframes splashFadeOut {

20
miniapp/index.html
View File

@ -12,8 +12,8 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Geist:wght@400;500;600&family=Newsreader:ital,wght@0,400..600;1,400..600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
<script src="https://telegram.org/js/telegram-web-app.js"></script>
<link rel="stylesheet" href="assets/styles.css?v=20260513g">
<link rel="stylesheet" href="assets/podbor.css?v=20260513g">
<link rel="stylesheet" href="assets/styles.css?v=20260513h">
<link rel="stylesheet" href="assets/podbor.css?v=20260513h">
</head>
<body>
<!-- Splash — за пределами #app, render-функции его не смывают -->
@ -34,13 +34,13 @@
</div>
</div>
<main id="app"></main>
<script src="assets/icons.js?v=20260513g"></script>
<script src="assets/podbor.config.js?v=20260513g"></script>
<script src="assets/podbor.picts.js?v=20260513g"></script>
<script src="assets/podbor.js?v=20260513g"></script>
<script src="assets/clients.js?v=20260513g"></script>
<script src="assets/measurements.js?v=20260513g"></script>
<script src="assets/request.js?v=20260513g"></script>
<script src="assets/app.js?v=20260513g"></script>
<script src="assets/icons.js?v=20260513h"></script>
<script src="assets/podbor.config.js?v=20260513h"></script>
<script src="assets/podbor.picts.js?v=20260513h"></script>
<script src="assets/podbor.js?v=20260513h"></script>
<script src="assets/clients.js?v=20260513h"></script>
<script src="assets/measurements.js?v=20260513h"></script>
<script src="assets/request.js?v=20260513h"></script>
<script src="assets/app.js?v=20260513h"></script>
</body>
</html>