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: enlarge calendar day hover area #7750

Merged

Conversation

EldarMuhamethanov
Copy link
Contributor

@EldarMuhamethanov EldarMuhamethanov commented Oct 14, 2024

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

Описание

Сейчас при выборе range в CalendarRange выбранный промежуток промаргивает(см в приложенном видео). Происходит это из-за промежутка между линиями в месяце. При попадании мыши туда, выбранный промежуток сбрасывается из-за чего происходит промаргивание. Нужно придумать как от этого избавиться

Изменения

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

ДО

default.mov

ПОСЛЕ

default.mov

UPD

Скриншоты изменились для Calendar, так как для скрытых дней при размере s ранее выставлялся неправильный класснейм и соответственно размер.

Release notes

Исправления

  • CalendarRange: поправлены моргания промежутка при выборе.

Copy link
Contributor

github-actions bot commented Oct 14, 2024

size-limit report 📦

Path Size
JS 386.47 KB (+0.06% 🔺)
JS (gzip) 116.89 KB (+0.04% 🔺)
JS (brotli) 96.05 KB (+0.11% 🔺)
JS import Div (tree shaking) 1.46 KB (0%)
CSS 333.51 KB (+0.08% 🔺)
CSS (gzip) 41.82 KB (+0.1% 🔺)
CSS (brotli) 33.07 KB (-0.11% 🔽)

Copy link

codesandbox-ci bot commented Oct 14, 2024

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

github-actions bot commented Oct 14, 2024

e2e tests

Playwright Report

Copy link
Contributor

github-actions bot commented Oct 14, 2024

👀 Docs deployed

Commit 0c5e281

@EldarMuhamethanov EldarMuhamethanov marked this pull request as draft October 14, 2024 08:36
Copy link

codecov bot commented Oct 14, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 95.14%. Comparing base (819c65b) to head (0c5e281).
Report is 5 commits behind head on master.

Additional details and impacted files
@@           Coverage Diff           @@
##           master    #7750   +/-   ##
=======================================
  Coverage   95.14%   95.14%           
=======================================
  Files         384      384           
  Lines       11354    11357    +3     
  Branches     3724     3727    +3     
=======================================
+ Hits        10803    10806    +3     
  Misses        551      551           
Flag Coverage Δ
unittests 95.14% <100.00%> (+<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.

@EldarMuhamethanov EldarMuhamethanov marked this pull request as ready for review October 14, 2024 08:48
@BlackySoul
Copy link
Contributor

А почему скриншоты поменялись?

@EldarMuhamethanov
Copy link
Contributor Author

А почему скриншоты поменялись?

В UPD отписал

Скриншоты изменились для Calendar, так как для скрытых дней при размере s ранее выставлялся неправильный класснейм и соответственно размер.

@qurle qurle requested a review from a team October 14, 2024 09:24
Copy link
Contributor

@qurle qurle left a comment

Choose a reason for hiding this comment

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

Не ну гений

@BlackySoul
Copy link
Contributor

BlackySoul commented Oct 14, 2024

Скриншоты изменились для Calendar, так как для скрытых дней при размере s ранее выставлялся неправильный класснейм и соответственно размер.

Так там не столько размер поменялся, как цвет? Или мне кажется?

@EldarMuhamethanov
Copy link
Contributor Author

Так там не столько размер поменялся, как цвет? Или мне кажется?

Не, цвета такие же, проверил, через сайт для сравнения двух картинок

@BlackySoul
Copy link
Contributor

Не, цвета такие же, проверил, через сайт для сравнения двух картинок

🤔 🤔 🤔

Если сравнивать сами значения, то там одинаковые, ага, но гитхаб у меня вот так почему-то отображает, цвета явно отличаются:

image

@EldarMuhamethanov
Copy link
Contributor Author

Не, цвета такие же, проверил, через сайт для сравнения двух картинок

🤔 🤔 🤔

Если сравнивать сами значения, то там одинаковые, ага, но гитхаб у меня вот так почему-то отображает, цвета явно отличаются:

Действительно странно, возможно проблема в том, что я ветку создал от #7738. Главное, что при сравнении с мастером цвета не изменились

@EldarMuhamethanov EldarMuhamethanov merged commit 2848015 into master Oct 16, 2024
53 checks passed
@EldarMuhamethanov EldarMuhamethanov deleted the e.muhamethanov/calendar/enlarge-caledar-day-area branch October 16, 2024 14:04
@vkcom-publisher
Copy link
Contributor

v7.0.0-beta.1 🎉

@inomdzhon inomdzhon modified the milestones: v7.0.0-beta.1, v7.0.0 Dec 2, 2024
@vkcom-publisher
Copy link
Contributor

v7.0.0 🎉

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Development

Successfully merging this pull request may close these issues.

6 participants