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(Group): spacing adaptivity #5364

Merged
merged 1 commit into from
Jun 27, 2023

Conversation

SevereCloud
Copy link
Contributor

@SevereCloud SevereCloud commented Jun 27, 2023

  • исправил адаптивность(вынес определение mode на js)
  • исправил разделители между группами

- исправил адаптивность(вынес определение mode на js)
- исправил разделители между группами
@SevereCloud SevereCloud requested a review from a team as a code owner June 27, 2023 09:38
@SevereCloud SevereCloud added the patch Автоматизация: PR продублируется в ветку последнего минорного релиза для выпуска патча label Jun 27, 2023
@codesandbox-ci
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.

Latest deployment of this branch, based on commit c229a99:

Sandbox Source
VKUI TypeScript Configuration

@codecov
Copy link

codecov bot commented Jun 27, 2023

Codecov Report

Patch coverage: 66.66% and project coverage change: -0.01 ⚠️

Comparison is base (319f7d9) 81.63% compared to head (c229a99) 81.63%.

Additional details and impacted files
@@            Coverage Diff             @@
##           master    #5364      +/-   ##
==========================================
- Coverage   81.63%   81.63%   -0.01%     
==========================================
  Files         283      283              
  Lines        9502     9505       +3     
  Branches     3029     3032       +3     
==========================================
+ Hits         7757     7759       +2     
- Misses       1745     1746       +1     
Flag Coverage Δ
unittests 81.63% <66.66%> (-0.01%) ⬇️

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

Impacted Files Coverage Δ
packages/vkui/src/components/Group/Group.tsx 91.48% <66.66%> (-1.70%) ⬇️

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.

@github-actions
Copy link
Contributor

size-limit report 📦

Path Size
JS 308.39 KB (+0.01% 🔺)
JS (gzip) 90.12 KB (+0.03% 🔺)
JS (brotli) 74.84 KB (+0.03% 🔺)
JS import Div (tree shaking) 2.97 KB (0%)
CSS 271.67 KB (-0.27% 🔽)
CSS (gzip) 35.47 KB (-0.17% 🔽)
CSS (brotli) 28.12 KB (-0.14% 🔽)

@github-actions
Copy link
Contributor

👀 Docs deployed

Commit c229a99

@github-actions
Copy link
Contributor

e2e tests

Playwright Report

@inomdzhon inomdzhon added this to the v5.5.4 milestone Jun 27, 2023
@SevereCloud SevereCloud merged commit 7c418a4 into master Jun 27, 2023
@SevereCloud SevereCloud deleted the SevereCloud/fix/Group/spacing-adaptivity branch June 27, 2023 12:58
inomdzhon added a commit that referenced this pull request Aug 2, 2024
inomdzhon added a commit that referenced this pull request Aug 5, 2024
inomdzhon added a commit that referenced this pull request Aug 7, 2024
h2. Описание

- реструктурировал CSS файл, чтобы было понятней что к чему;
- размеры заменил на токены из [@vkonktate/vkui-tokens](https://github.com/VKCOM/vkui-tokens/blob/ecdad88decf36df7ad14f5df493ba5adbddae6a5/src/themeDescriptions/base/paradigm.ts#L749-L759);
- отказался от использования `<Separator />` из-за того, что его задевает `vkuiInternalModalPage`, вместо этого объединил `Group__separator--spacing` и `Group__separator--separator` в один элемент `Group__separator`;
- добавил модификатор `Group--sizeX--regular`, т.к. он определяет `mode` как `"card"` при `sizeX="regular"`, если `mode === "none"`;
- вынес `<Separator />` из `<div />` в `ModalPageHeader.tsx`, чтобы боковые отступы не влияли на размеры сепаратора.

h3. Дизайн

Внутри `ModalPage`

При `platform="android"`/`platform="ios"` и `sizeX="regular"` в `ModalPageHeader` удаляем отступы у `Separator`.

<img width="320" alt="image" src="https://github.com/user-attachments/assets/104f9be1-d7b5-4d60-8618-1d4dbee904f0"> <img width="313" alt="image" src="https://github.com/user-attachments/assets/53149f5b-e662-4908-9ae1-774b8e475dd8">

_до и после_

---

- related to #5344, #5364, #5371, #5642
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
adaptivity cmp:group patch Автоматизация: PR продублируется в ветку последнего минорного релиза для выпуска патча
Projects
Archived in project
Development

Successfully merging this pull request may close these issues.

3 participants