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: SimpleCell rewrite padding #5794

Merged
merged 2 commits into from
Sep 15, 2023
Merged

fix: SimpleCell rewrite padding #5794

merged 2 commits into from
Sep 15, 2023

Conversation

SevereCloud
Copy link
Contributor

@SevereCloud SevereCloud commented Sep 12, 2023


  • Unit-тесты (удалили код, повысили покрытие)
  • e2e-тесты (обновлены)
  • Дизайн-ревью

Описание

Исправляем отступы внутри SimpleCell

Изменения

  • Переделал отступы внутри SimpleCell
  • Избавился от платформозависимых стилей(но остался chevron для ios)
  • Убрал почти все костыли с глобальными классами(after не трогал)

@SevereCloud SevereCloud requested a review from a team as a code owner September 12, 2023 19:27
@codesandbox-ci
Copy link

codesandbox-ci bot commented Sep 12, 2023

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.

Latest deployment of this branch, based on commit 912efe3:

Sandbox Source
VKUI TypeScript Configuration

@github-actions
Copy link
Contributor

github-actions bot commented Sep 12, 2023

size-limit report 📦

Path Size
JS 318.15 KB (-0.16% 🔽)
JS (gzip) 96.64 KB (-0.13% 🔽)
JS (brotli) 80.13 KB (-0.04% 🔽)
JS import Div (tree shaking) 2.95 KB (0%)
CSS 275.63 KB (-1.12% 🔽)
CSS (gzip) 35.99 KB (-0.95% 🔽)
CSS (brotli) 28.51 KB (-0.88% 🔽)

@github-actions
Copy link
Contributor

github-actions bot commented Sep 12, 2023

e2e tests

Playwright Report

@github-actions
Copy link
Contributor

github-actions bot commented Sep 12, 2023

👀 Docs deployed

Commit 912efe3

@codecov
Copy link

codecov bot commented Sep 12, 2023

Codecov Report

Patch coverage: 100.00% and project coverage change: -1.31% ⚠️

Comparison is base (a3da40d) 81.99% compared to head (912efe3) 80.68%.
Report is 7 commits behind head on master.

Additional details and impacted files
@@            Coverage Diff             @@
##           master    #5794      +/-   ##
==========================================
- Coverage   81.99%   80.68%   -1.31%     
==========================================
  Files         298      298              
  Lines        9839     9132     -707     
  Branches     3115     3109       -6     
==========================================
- Hits         8067     7368     -699     
+ Misses       1772     1764       -8     
Flag Coverage Δ
unittests 80.68% <100.00%> (-1.31%) ⬇️

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

Files Changed Coverage Δ
...ckages/vkui/src/components/ImageBase/ImageBase.tsx 92.59% <100.00%> (+6.71%) ⬆️
...ages/vkui/src/components/SimpleCell/SimpleCell.tsx 77.27% <100.00%> (-4.09%) ⬇️

... and 162 files with indirect coverage changes

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

@SevereCloud SevereCloud added the v5 Автоматизация: PR продублируется в ветку v5 label Sep 12, 2023
@SevereCloud SevereCloud requested a review from a team September 12, 2023 19:37
Zaycevq
Zaycevq previously approved these changes Sep 13, 2023
Copy link

@Zaycevq Zaycevq left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍🏽

mendrew
mendrew previously approved these changes Sep 14, 2023
Copy link
Contributor

@mendrew mendrew left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Выглядит отлично!

inomdzhon
inomdzhon previously approved these changes Sep 14, 2023
Copy link
Contributor

@inomdzhon inomdzhon left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🤝

Copy link
Contributor

@mendrew mendrew left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💅

@SevereCloud SevereCloud added the ci:cherry-pick:patch Автоматизация: PR продублируется в ветку последнего минорного релиза для выпуска патча label Sep 15, 2023
@SevereCloud SevereCloud merged commit 08b3976 into master Sep 15, 2023
@SevereCloud SevereCloud deleted the SevereCloud/issue5785 branch September 15, 2023 18:09
vkcom-publisher pushed a commit that referenced this pull request Sep 15, 2023
* fix: SimpleCell rewrite padding
- Fixes #5785

* fix: hasAfter
@vkcom-publisher
Copy link
Contributor

❌ Patch

Не удалось автоматически применить исправление на ветке 5.8-stable.

Дальнейшие действия выполняют контрибьютеры из группы @VKCOM/vkui-core

Чтобы изменение попало в ветку 5.8-stable, выполните следующие действия:

  1. Создайте новую ветку от 5.8-stable и примените изменения используя cherry-pick
git stash # опционально
git fetch origin 5.8-stable
git checkout -b patch/pr5794 origin/5.8-stable

git cherry-pick --no-commit 08b39767dcf573cff45d168e021098697c918edf
git checkout HEAD **/__image_snapshots__/*.png
git diff --quiet HEAD || git commit --no-verify --no-edit
  1. Исправьте конфликты, следуя инструкциям из терминала
  2. Отправьте ветку на GitHub и создайте новый PR с веткой 5.8-stable (установка лейбла не требуется!)
git push --set-upstream origin patch/pr5794
gh pr create --base 5.8-stable --title "patch: pr5794" --body "- patch #5794"

SevereCloud added a commit that referenced this pull request Sep 15, 2023
* fix: SimpleCell rewrite padding
- Fixes #5785

* fix: hasAfter
@SevereCloud SevereCloud mentioned this pull request Sep 15, 2023
SevereCloud added a commit that referenced this pull request Sep 15, 2023
* fix: SimpleCell rewrite padding
- Fixes #5785

* fix: hasAfter
mendrew added a commit that referenced this pull request Sep 28, 2023
…5873)

* Описание

- related to #5794  [SimpleCell.module.css](https://github.com/VKCOM/VKUI/pull/5794/files#diff-cde505330a0123c800ac2efb02f954a76b39dfafaa0c5250dfb355bafddb7596)

Выставление `color` явно в `.SimpleCell__before` перебивает цвет заданный в вышестоящем компоненте, таком как `CellButton`. В итоге влияет иконку без класса `.vkuiIcon`.
https://github.com/VKCOM/VKUI/blob/e560f5306928f680ce8f060520edefae4fa7de83/packages/vkui/src/components/CellButton/CellButton.module.css#L51-L57

<img width="390" alt="Корзина должна быть красная, даже если нету класса vkuiIcon у иконки" src="https://github.com/VKCOM/VKUI/assets/5443359/9fb2114e-266a-4168-8077-dc27eeba661b">

* Изменения
- избавляемся от зависимости цвета от селекторов с .vkuiIcon классом
- используем css-переменную `--vkui_internal--icon_color` которую задаём в `CellButton` и использем в `.SimpleCell__before` и `.SimpleCell__after` с фоллбэком на цвета SimpleCell.
- это позволило также избавится от селекторов в `ImageBase` в случае когда `ImageBase` передается в `.CellButton `(что также было сломано, иконки внутри `ImageBase` в примере `CellButton` не принимали цвет заданный в `CellButton`).
vkcom-publisher pushed a commit that referenced this pull request Sep 28, 2023
…5873)

* Описание

- related to #5794  [SimpleCell.module.css](https://github.com/VKCOM/VKUI/pull/5794/files#diff-cde505330a0123c800ac2efb02f954a76b39dfafaa0c5250dfb355bafddb7596)

Выставление `color` явно в `.SimpleCell__before` перебивает цвет заданный в вышестоящем компоненте, таком как `CellButton`. В итоге влияет иконку без класса `.vkuiIcon`.
https://github.com/VKCOM/VKUI/blob/e560f5306928f680ce8f060520edefae4fa7de83/packages/vkui/src/components/CellButton/CellButton.module.css#L51-L57

<img width="390" alt="Корзина должна быть красная, даже если нету класса vkuiIcon у иконки" src="https://github.com/VKCOM/VKUI/assets/5443359/9fb2114e-266a-4168-8077-dc27eeba661b">

* Изменения
- избавляемся от зависимости цвета от селекторов с .vkuiIcon классом
- используем css-переменную `--vkui_internal--icon_color` которую задаём в `CellButton` и использем в `.SimpleCell__before` и `.SimpleCell__after` с фоллбэком на цвета SimpleCell.
- это позволило также избавится от селекторов в `ImageBase` в случае когда `ImageBase` передается в `.CellButton `(что также было сломано, иконки внутри `ImageBase` в примере `CellButton` не принимали цвет заданный в `CellButton`).
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
ci:cherry-pick:patch Автоматизация: PR продублируется в ветку последнего минорного релиза для выпуска патча v5 Автоматизация: PR продублируется в ветку v5
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: Cell неверные отступы от текста
5 participants