UI: шапка вплотную к верхнему краю — снят viewport-fit=cover

В DuckDuckGo шапка держала отступ от адресной строки — тот же safe-area,
что раньше отодвигал подвал снизу. Insets браузер отдаёт именно из-за
viewport-fit=cover: он передаёт управление безопасной зоной странице.
После отказа от отступов сверху и снизу компенсировать нечего, поэтому
cover снят — вьюпорт снова размещает браузер, а env() везде даёт ноль.

Следом убран --safe-top и три его использования (.top-bar, .side-menu,
.toast-top-wrap): без cover переменная всегда нулевая. Токенов safe-area
в проекте больше нет.

#4

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Ps52xzuUXnWrJ5SRnEeaLk
This commit is contained in:
2026-09-07 15:40:51 +03:00
co-authored by Claude Opus 5
parent 81ad2a0403
commit 2a4c5d9d25
4 changed files with 3 additions and 9 deletions
+1 -2
View File
@@ -15,7 +15,7 @@
display: flex;
align-items: center;
justify-content: space-between;
padding: calc(var(--safe-top) + 12px) 16px 12px;
padding: 12px 16px;
background: var(--surface);
border-bottom: 1px solid var(--border);
}
@@ -231,7 +231,6 @@
z-index: 61;
display: flex;
flex-direction: column;
padding-top: var(--safe-top);
}
.side-menu.open { transform: translateX(0); }