fix(ImageBase): fix bug with css selectors of ImageBase

[EldarMuhamethanov]

• close [Bug]: Аватар имеет дополнительные отступы внутри PanelHeader (в before или after) #8000

---

• e2e-тесты
• Дизайн-ревью
• Release notes

Описание

Сейчас при отображении в PanelHeader компонента Avatar в after/before добавляется margin по бокам. Есть ощущение, что эти отступы не нужны. В общем, погуляя по истории git я нашел pull request в котором был добавлен отступ. Это было сделано аж в 2020 году, так я и не понял, какая тогда была версия VKUI, но точно меньше 3.12.4(это последняя версия, которую можно посмотреть через сайт). Проблема в том, что все также непонятно конкретно зачем это было сделано. Там конечно есть упоминание этой задачи, но связать это с изменениями я не понял как, возможно был запрос от дизайна когда-то тогда, либо автор сам решил, что отступ нужен.
Решил, что можно доработать селектор, добавив ">", чтобы только прямому потомку добавлялся отступ. А при использовании Avatar с оберткой в виде PanelHeaderButton отступ не будет добавляться.

Изменения

Поправил селектор, добавив ">", чтобы только прямому потомку добавлялся отступ

Для DesignReview

Чтобы посмотреть отображение Avatar в PanelHeader, нужно перейти на страницу PanelHeader и выключить настройку hasCustomPanelHeaderAfter.
Просьба посмотреть отображение Avatar в after PanelHeader на разных платформах и размерах экранов.

Release notes

Исправления

• PanelHeader: поправлен отступ для Avatar в компоненте PanelHeader при прокидывании в after/before

[github-actions]

size-limit report 📦

Path	Size
JS	385.36 KB (0%)
JS (gzip)	116.81 KB (0%)
JS (brotli)	96.17 KB (0%)
JS import Div (tree shaking)	1.56 KB (0%)
CSS	334.98 KB (0%)
CSS (gzip)	42.41 KB (+0.01% 🔺)
CSS (brotli)	33.42 KB (+0.01% 🔺)

[codesandbox-ci]

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.

[github-actions]

e2e tests

Playwright Report

[github-actions]

👀 Docs deployed

• ✅ Styleguide
• ✅ Storybook

Commit 414652f

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 95.46%. Comparing base (027d01d) to head (414652f).
Report is 30 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #8004      +/-   ##
==========================================
- Coverage   95.47%   95.46%   -0.01%     
==========================================
  Files         380      380              
  Lines       11325    11324       -1     
  Branches     3777     3777              
==========================================
- Hits        10812    10811       -1     
  Misses        513      513              

Flag	Coverage Δ
unittests	95.46% <ø> (-0.01%)	⬇️

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.