[footnotes] Слишком большой промежуток между номером и текстом определения #44

New Issue

Ghost · 2026-06-20T21:02:02+03:00

Ghost commented

2026-06-20 21:02:02 +03:00

В секции «Footnotes» между номером сноски (1. / 2.) и текстом определения слишком большой горизонтальный промежуток — выглядит как «номер сам по себе, текст далеко справа».

Замер (вживую, demo-страница с двумя сносками)

Глиф номера 1. шириной 15px, заканчивается на x=403.
Текст определения начинается на x=422.
Зазор глиф-в-глиф = 19px, складывается из двух источников:
- .definitionMarker { min-width: 1.5em } = 24px — бокс маркера шире числа на ~9px (число занимает 15px, справа пустой хвост);
- .definition { gap: var(--mantine-spacing-xs) } = +10px флекс-гэп между маркером и контентом.
Итого ~19px после точки — это ~3–4× обычного пробела, отсюда ощущение «огромного промежутка».

(apps/client/src/features/editor/components/footnote/footnote.module.css, классы .definition, .definitionMarker, .definitionContent.)

Что сделать

Свести к аккуратному «1. текст», как в обычных сносках. Варианты (любой/комбинация):

Убрать двойной отступ: не складывать min-width маркера И флекс-gap. Либо маркер вплотную + один разумный отступ, либо хенгинг-индент без дополнительного gap.
Уменьшить .definitionMarker min-width (для 1–2 значных номеров хватает ~1.25em) или выровнять номер по правому краю узкого бокса, чтобы точка стояла близко к тексту.
Уменьшить/убрать .definition { gap } (сейчас xs=10px).

Критерии приёмки

Между номером и текстом определения — отступ как у нормальной сноски (≈ один пробел / аккуратный хенгинг-индент), без «провала».
Многозначные номера (10, 11…) не ломают выравнивание (не наезжают на текст).
Работает и в редакторе, и в read-only/шаре.

Замечено при ручной проверке ветки feat/footnotes (PR #18).

В секции «Footnotes» между номером сноски (`1.` / `2.`) и текстом определения слишком большой горизонтальный промежуток — выглядит как «номер сам по себе, текст далеко справа». ## Замер (вживую, demo-страница с двумя сносками) - Глиф номера `1.` шириной **15px**, заканчивается на x=403. - Текст определения начинается на x=422. - **Зазор глиф-в-глиф = 19px**, складывается из двух источников: - `.definitionMarker { min-width: 1.5em }` = **24px** — бокс маркера шире числа на ~9px (число занимает 15px, справа пустой хвост); - `.definition { gap: var(--mantine-spacing-xs) }` = **+10px** флекс-гэп между маркером и контентом. - Итого ~19px после точки — это ~3–4× обычного пробела, отсюда ощущение «огромного промежутка». (`apps/client/src/features/editor/components/footnote/footnote.module.css`, классы `.definition`, `.definitionMarker`, `.definitionContent`.) ## Что сделать Свести к аккуратному «1. текст», как в обычных сносках. Варианты (любой/комбинация): - Убрать двойной отступ: не складывать `min-width` маркера И флекс-`gap`. Либо маркер вплотную + один разумный отступ, либо хенгинг-индент без дополнительного `gap`. - Уменьшить `.definitionMarker min-width` (для 1–2 значных номеров хватает ~1.25em) или выровнять номер по правому краю узкого бокса, чтобы точка стояла близко к тексту. - Уменьшить/убрать `.definition { gap }` (сейчас xs=10px). ## Критерии приёмки - Между номером и текстом определения — отступ как у нормальной сноски (≈ один пробел / аккуратный хенгинг-индент), без «провала». - Многозначные номера (10, 11…) не ломают выравнивание (не наезжают на текст). - Работает и в редакторе, и в read-only/шаре. > Замечено при ручной проверке ветки `feat/footnotes` (PR #18).

Ghost referenced this issue from a commit

2026-06-20 21:29:13 +03:00

fix(footnotes): tighten the gap between a definition's number and text (#44)

Ghost added the bug label 2026-06-21 02:27:21 +03:00

Ghost closed this issue

2026-06-21 03:02:07 +03:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: vvzvlad/gitmost#44