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

fix(Button): fix styles in disabled Button #3279

Merged
merged 9 commits into from
Oct 5, 2023

Conversation

HelenaIsh
Copy link
Member

@HelenaIsh HelenaIsh commented Sep 29, 2023

Проблема

Есть расхождения во внешнем виде заблокированной кнопки в фигме и реакте в 22 темной теме

<Button use='text'> - в заблокированном состоянии не должно быть фона

<Button use='backless'> - в заблокированном состоянии другая прозрачность у обводки

В остальных случаях в фигме нет обвидки, а в рекате есть, но она прозрачная и нужна для того, чтобы кнопка была правильных размеров

Решение

Убрала фон в заблокированной кнопке с use='text' в темной 22 теме
Исправила прозрачность с use='backless' с rgba(255, 255, 255, 0.16) на rgba(255, 255, 255, 0.06) в темной 22 теме

Ссылки

fix IF-1458

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

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

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

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

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

@HelenaIsh HelenaIsh marked this pull request as ready for review September 29, 2023 05:29
@HelenaIsh HelenaIsh requested a review from lossir October 4, 2023 11:03
@lossir lossir merged commit 80e2f91 into next Oct 5, 2023
6 checks passed
@lossir lossir deleted the disabled-button-border-22dark branch October 5, 2023 07:15
@zhzz zhzz restored the disabled-button-border-22dark branch October 5, 2023 16:36
zhzz added a commit that referenced this pull request Oct 5, 2023
@zhzz
Copy link
Member

zhzz commented Oct 5, 2023

Пока откатил и пересоздал #3283.

@zhzz zhzz deleted the disabled-button-border-22dark branch October 9, 2023 10:58
@zhzz zhzz mentioned this pull request Oct 9, 2023
8 tasks
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.

None yet

3 participants