wasrusgen/wasrusgen1-crm
1
0
Fork 0
mirror of https://github.com/wasrusgen/wasrusgen1-crm.git synced 2026-06-03 22:24:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(landing): убрана обрезка верха пинов и паразитный скролл при hover (overflow-x clip + overflow-y visible на секциях, воронка overflow visible)

Browse Source 
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
wasrusgen 2026-06-03 23:08:06 +03:00
parent 62d3da1d8f
commit 9f1c52bcea
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
docs/consult_landing.html
View File

@ -131,9 +131,14 @@
.feature-card h3 { font-size: 17px; font-weight: 700; margin-bottom: 8px; font-family: 'Inter', sans-serif; }
.feature-card p { font-size: 14px; color: var(--muted); }
/* секции, где карточки увеличиваются при hover — режем по X, по Y видимость сохраняем,
чтобы подъём/свечение не создавали горизонтальный скролл и не обрезались сверху */
.problem, .features, .funnel, .demo { overflow-x: clip; overflow-y: visible; }
/* FUNNEL */
.funnel { background: var(--bg2); }
.funnel-flow { display: flex; align-items: flex-start; gap: 0; margin-top: 56px; overflow-x: auto; padding-bottom: 16px; }
.funnel-flow { display: flex; align-items: flex-start; gap: 0; margin-top: 56px; overflow: visible; padding: 10px 0 24px; }
@media (max-width: 760px) { .funnel-flow { overflow-x: auto; -webkit-overflow-scrolling: touch; } }
.funnel-step {
flex: 1; min-width: 160px;
background: var(--bg); border: 1px solid var(--border); border-radius: 14px;

7
docs/main.html
View File

@ -131,9 +131,14 @@
.feature-card h3 { font-size: 17px; font-weight: 700; margin-bottom: 8px; font-family: 'Inter', sans-serif; }
.feature-card p { font-size: 14px; color: var(--muted); }
/* секции, где карточки увеличиваются при hover — режем по X, по Y видимость сохраняем,
чтобы подъём/свечение не создавали горизонтальный скролл и не обрезались сверху */
.problem, .features, .funnel, .demo { overflow-x: clip; overflow-y: visible; }
/* FUNNEL */
.funnel { background: var(--bg2); }
.funnel-flow { display: flex; align-items: flex-start; gap: 0; margin-top: 56px; overflow-x: auto; padding-bottom: 16px; }
.funnel-flow { display: flex; align-items: flex-start; gap: 0; margin-top: 56px; overflow: visible; padding: 10px 0 24px; }
@media (max-width: 760px) { .funnel-flow { overflow-x: auto; -webkit-overflow-scrolling: touch; } }
.funnel-step {
flex: 1; min-width: 160px;
background: var(--bg); border: 1px solid var(--border); border-radius: 14px;