Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs(mdx-docs): fix overflow content #3498

Open
wants to merge 191 commits into
base: next
Choose a base branch
from
Open

Conversation

EgorovArtem34
Copy link
Member

@EgorovArtem34 EgorovArtem34 commented Aug 29, 2024

Проблема

Содержание на маленьких экранах выходит за пределы экрана, обрезаясь. При наведении на оглавление иконка обрезается. При ширине экрана менее 768px содержание пропадает после сторибучного медиа запроса.

Решение

Добавил стили css, чтобы содержание и иконка при ховере не уходили за пределы экрана. При таком решении внутри Controls в элементе code (при длинном коде и без переносов) таблица контроллов наслаивалась с с содержанием. Поэтому добавил перенос white-space для code.
Увеличил ширину содержания
Сторибучный медиа запрос при ширине менее 768px скрывал полностью содержание. Добавил медиа запрос при ширине менее 1060px содержание будет сверху над оглавлением. 1060px сделал потому что при 1058px на одном компоненте Controls наслаивался на содержание.

Ссылки

YouTrack

Чек-лист перед запросом ревью

  1. Добавлены тесты на все изменения
    ⬜ unit-тесты для логики
    ⬜ скриншоты для верстки и кросс-браузерности
    ✅ нерелевантно

  2. Добавлена (обновлена) документация
    ⬜ styleguidist для пропов и примеров использования компонентов
    ⬜ jsdoc для утилит и хелперов
    ⬜ комментарии для неочевидных мест в коде
    ⬜ прочие инструкции (README.md, contributing.md и др.)
    ✅ нерелевантно

  3. Изменения корректно типизированы
    ✅ без использования any (см. PR 2856)
    ⬜ нерелевантно

  4. Прочее
    ✅ все тесты и линтеры на CI проходят
    ✅ в коде нет лишних изменений
    ✅ заголовок PR кратко и доступно отражает суть изменений (он попадет в changelog)

SchwJ and others added 24 commits August 19, 2024 12:51
…ons2

docs(featureFlags): add feature flags to validations storybook documentation
…ons2

docs(featureFlags): update featureFlagsConfig filter
docs(featureFlags): update webpack.config storybook, featureFlagsConfig
docs(versions): add versions page to documentation
docs(): disable whats new notification and change file order in storybook doc
…-validations

docs(): remove testFeatureFlags in react-ui-validations
docs(): change description for all components
docs(): disable table of contents in versions page
egorov.as added 2 commits August 30, 2024 10:29
@EgorovArtem34 EgorovArtem34 requested a review from SchwJ August 30, 2024 06:12
Base automatically changed from mdx-exaples-on-storybook-7 to next December 18, 2024 14:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

3 participants