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(Link): rm margin from icon #7579

Merged
merged 2 commits into from
Sep 16, 2024
Merged

fix(Link): rm margin from icon #7579

merged 2 commits into from
Sep 16, 2024

Conversation

inomdzhon
Copy link
Contributor

@inomdzhon inomdzhon commented Sep 13, 2024


Описание

Удаляем margin, т.к.:

  • сейчас расчёт такой, что иконка всегда после текста, а она может быть перед текстом;
  • обычный пробел сам по себе и так компенсирует отступ, чтобы текст и иконка не слипались;
  • по прошедшим e2e тестам видно, что margin не нужен.

Изменения

Заменил в доках обычный пробел на &npsp;, т.к. логичнее использовать его, чтобы иконка не переносилась без текста.

Скриншот

image

Release notes

Исправления

  • Link: из CSS удалён зашитый отступ справа в 4px, который выставлялся иконке. Был расчёт, что иконка всегда справа, но она может быть и слева, в этом раскладе появлялся ненужный отступ слева. Было решено отдать пользователю управлять отступами. Поэтому, если вам требуется отступ, используйте неразрывный пробел:
    либо через HTML-код  ,
    <Link href="https://google.com" target="_blank">
    -  https://google.com <Icon24ExternalLinkOutline width={16} height={16} />
    +  https://google.com&nbsp;<Icon24ExternalLinkOutline width={16} height={16} />
    </Link>
    либо через сочетания клавиш ⌥ + ␣ (на MacOS).

Удаляем `margin`, т.к.:
- сейчас расчёт такой, что иконка всегда после текста, а она может быть перед текстом;
- обычный пробел сам по себе и так компенсирует отступ, чтобы текст и иконка не слипались;
- по прошедшим e2e тестам видно, что `margin` не нужен.
@inomdzhon inomdzhon requested a review from a team as a code owner September 13, 2024 14:42
Copy link
Contributor

size-limit report 📦

Path Size
JS 384.82 KB (0%)
JS (gzip) 116.33 KB (0%)
JS (brotli) 95.44 KB (0%)
JS import Div (tree shaking) 1.45 KB (0%)
CSS 329.97 KB (-0.01% 🔽)
CSS (gzip) 41.27 KB (-0.01% 🔽)
CSS (brotli) 32.69 KB (+0.02% 🔺)

Copy link

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Copy link
Contributor

e2e tests

Playwright Report

Copy link
Contributor

👀 Docs deployed

Commit a8dd31a

Copy link

codecov bot commented Sep 13, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 95.21%. Comparing base (bbf262e) to head (a8dd31a).
Report is 19 commits behind head on master.

Additional details and impacted files
@@           Coverage Diff           @@
##           master    #7579   +/-   ##
=======================================
  Coverage   95.21%   95.21%           
=======================================
  Files         384      384           
  Lines       11345    11345           
  Branches     3720     3720           
=======================================
  Hits        10802    10802           
  Misses        543      543           
Flag Coverage Δ
unittests 95.21% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@inomdzhon inomdzhon changed the title Inomdzhon/issue6855 fix(Link): rm margin from icon Sep 13, 2024
@inomdzhon inomdzhon merged commit 314d051 into master Sep 16, 2024
29 checks passed
@inomdzhon inomdzhon deleted the inomdzhon/issue6855 branch September 16, 2024 11:47
@EldarMuhamethanov EldarMuhamethanov modified the milestone: v7.0.0-beta.0 Sep 16, 2024
@BlackySoul BlackySoul removed this from the v7.0.0-beta.0 milestone Oct 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[BREAKING CHANGE][Bug]: Применение стилей для иконки внутри <Link>
5 participants