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

feat(ui5-page): implement responsive paddings #3412

Merged
merged 4 commits into from
Jun 16, 2021
Merged

Conversation

fifoosid
Copy link
Contributor

@fifoosid fifoosid commented Jun 8, 2021

Fixes #3388

packages/fiori/src/themes/Page.css Outdated Show resolved Hide resolved
@fifoosid fifoosid requested a review from ilhan007 June 9, 2021 07:05
opacity: 1;
bottom: 0.5rem;
}
/*** Responsive paddings ***/
Copy link
Member

Choose a reason for hiding this comment

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

Last thing, should we also handle the case when a ui5-bar is used in the footer, when it is not floating, but regular one - similar to the header styles :host([media-range="S"]) ::slotted([ui5-bar][slot="header"]):

:host([media-range="S"]:not([floating-footer])) ::slotted([ui5-bar][slot="footer"] {

Copy link
Contributor Author

Choose a reason for hiding this comment

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

When the bar is not floating, it should always has a width of 100% from the page. (No paddings at all)

@ilhan007 ilhan007 requested a review from MapTo0 June 14, 2021 13:23
@ilhan007
Copy link
Member

I am pulling @MapTo0 into the PR to have a final look as we are going to merge this soon if no concerns

Copy link
Member

@MapTo0 MapTo0 left a comment

Choose a reason for hiding this comment

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

lgtm

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