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-card-header): fix rtl support #4536

Merged
merged 2 commits into from
Dec 31, 2021
Merged

fix(ui5-card-header): fix rtl support #4536

merged 2 commits into from
Dec 31, 2021

Conversation

fifoosid
Copy link
Contributor

Fixes #4451

The root cause of the issue was a dir="auto" set on the inner span in the shadow root of the component.
Moreover, the padding was not applied at all if action slot was present. This is fixed in this PR as well.

@fifoosid fifoosid requested a review from a team December 30, 2021 12:34
Copy link
Contributor

@dimovpetar dimovpetar left a comment

Choose a reason for hiding this comment

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

The status text now appears as "of 6 3".
I think the issue reports a problem with dir="{{effectiveDir}}" usage in CardHeader.hbs. In the playground UI5Element.prototype.effectiveDir returns rtl, but the attribute of the header is not set. For some reason this problem is not there when the playground is started on localhost.

@fifoosid fifoosid merged commit 14a2a03 into master Dec 31, 2021
@fifoosid fifoosid deleted the cardheader-rtl branch December 31, 2021 08:56
eshpak pushed a commit to eshpak/ui5-webcomponents that referenced this pull request Jan 9, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

ui5-card: card header issue in RTL
2 participants