maxim.dolgolyov/Learn_System
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(textbooks): не обрезать заголовок Алгебры 8

Browse Source 
Заголовок 'Алгебра 8 · Глава 1' визуально обрезался сверху из-за тяжёлого шрифта (font-weight:900) без явного line-height на тесном padding-top 24px.

Фикс:
- padding header: 24px → 34px сверху, 22px → 24px снизу
- h1: добавлены line-height:1.25 и padding-top:2px
- hdr-sub: line-height 1.35, margin-top 4 → 6px
- watermark 'АЛГЕБРА': top -18% → -10%, max font 13rem → 12rem (меньше залезает на текст)
This commit is contained in:
Maxim Dolgolyov
2026-05-27 11:23:41 +03:00
parent 8838f963a3
commit 0927605bd0
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/textbooks/algebra_8.html
+4 -4
View File
@@ -38,11 +38,11 @@ input,select,textarea{font-family:inherit}
.ic{width:1em;height:1em;display:inline-block;vertical-align:-.125em;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* HEADER */
.hdr{position:relative;background:linear-gradient(110deg,#c2185b 0%,#e91e63 55%,#ec407a 100%);color:#fff;padding:24px 22px 22px;overflow:hidden;border-bottom:2px solid rgba(255,180,210,.2)}
.hdr::before{content:'АЛГЕБРА';position:absolute;right:-12px;top:-18%;font-size:clamp(5rem,16vw,13rem);font-weight:900;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(255,220,235,.10);line-height:1;pointer-events:none;user-select:none;z-index:0}
.hdr{position:relative;background:linear-gradient(110deg,#c2185b 0%,#e91e63 55%,#ec407a 100%);color:#fff;padding:34px 22px 24px;overflow:hidden;border-bottom:2px solid rgba(255,180,210,.2)}
.hdr::before{content:'АЛГЕБРА';position:absolute;right:-12px;top:-10%;font-size:clamp(5rem,16vw,12rem);font-weight:900;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(255,220,235,.10);line-height:1;pointer-events:none;user-select:none;z-index:0}
.hdr-row{position:relative;z-index:1;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hdr h1{font-size:1.5rem;font-weight:900;letter-spacing:-.01em}
.hdr-sub{font-size:.82rem;opacity:.85;margin-top:4px;font-weight:500}
.hdr h1{font-size:1.5rem;font-weight:900;letter-spacing:-.01em;line-height:1.25;padding-top:2px}
.hdr-sub{font-size:.82rem;opacity:.85;margin-top:6px;font-weight:500;line-height:1.35}
.hdr-side{margin-left:auto;display:flex;gap:8px;align-items:center}
.hdr-btn{padding:7px 12px;border-radius:9px;background:rgba(255,255,255,.14);color:#fff;font-weight:600;font-size:.82rem;display:inline-flex;align-items:center;gap:6px;transition:background .15s}
.hdr-btn:hover{background:rgba(255,255,255,.24)}