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(ui5-rating-indicator): outline border is visible when focus #10205

Merged
merged 2 commits into from
Dec 3, 2024

Conversation

StefanDimitrov04
Copy link
Contributor

FIXES: #10162

The solution: made the "--_ui5_rating_indicator_outline_offset" parameter negative value, so now it can be seen when the rating indicator is focused. Added padding parameter, so the stars of the indicator are not touching the edges of the focus. Made the "--_ui5_rating_indicator_border_radius" parameter bigger.

packages/main/src/themes/RatingIndicator.css Outdated Show resolved Hide resolved
packages/main/test/pages/RatingIndicator.html Outdated Show resolved Hide resolved
packages/main/test/pages/RatingIndicator.html Outdated Show resolved Hide resolved
Copy link
Member

@ivoplashkov ivoplashkov left a comment

Choose a reason for hiding this comment

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

The issue is still reproducible for the following themes:

  1. sap_horizon_dark
  2. sap_horizon_hcb
  3. sap_horizon_hcw

@StefanDimitrov04 StefanDimitrov04 merged commit eaa6f04 into main Dec 3, 2024
10 checks passed
@StefanDimitrov04 StefanDimitrov04 deleted the fix-rating-indicator branch December 3, 2024 07:28
@ui5-webcomponents-bot
Copy link
Collaborator

🎉 This PR is included in version v2.5.0-rc.3 🎉

The release is available on v2.5.0-rc.3

Your semantic-release bot 📦🚀

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

Successfully merging this pull request may close these issues.

[SF][RatingIndicator]: The outline border will be cut when focus on the RatingIndicator
3 participants