Skip to content

fix(public.scss): increase footer width#59452

Open
GVodyanov wants to merge 1 commit intomasterfrom
fix/increase-footer-width
Open

fix(public.scss): increase footer width#59452
GVodyanov wants to merge 1 commit intomasterfrom
fix/increase-footer-width

Conversation

@GVodyanov
Copy link
Copy Markdown
Contributor

Summary

Before After
Screenshot From 2026-04-04 18-56-34 Screenshot From 2026-04-04 18-56-12

Checklist

AI (if applicable)

  • The content of this PR was partly or fully generated using AI

Signed-off-by: Grigory V <scratchx@gmx.com>
@GVodyanov GVodyanov added the design Design, UI, UX, etc. label Apr 4, 2026
@GVodyanov GVodyanov requested a review from a team as a code owner April 4, 2026 16:57
@GVodyanov GVodyanov added 3. to review Waiting for reviews browser: mobile Generic mobile brower matters labels Apr 4, 2026
@GVodyanov GVodyanov requested review from ChristophWurst, nfebe, sorbaugh and susnux and removed request for a team, nfebe, sorbaugh and susnux April 4, 2026 16:57
@GVodyanov GVodyanov self-assigned this Apr 4, 2026
@susnux susnux requested review from a team, nfebe, skjnldsv, sorbaugh and szaimen and removed request for a team and sorbaugh April 6, 2026 21:05
*/
#body-public {
--footer-height: calc(2lh + 2 * var(--default-grid-baseline)); // Set the initial value, will be updated programmatically to match the actual height
--footer-height: calc(4lh + 2 * var(--default-grid-baseline)); // Set the initial value (generous estimate for mobile wrapping), will be updated programmatically to match the actual height
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

why is this needed? Usual use case is everything fits into 2lh and also for this case it seems it does not change anything.

width: fit-content;
max-width: 90vw;
width: 90vw;
box-sizing: border-box;
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

But this is always applied? Not only mobile.
Why not simply:
(so only adjust the width attribute)

Suggested change
box-sizing: border-box;
width: max-content;
max-width: 90vw;

Should then work on every viewport size.

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

Labels

3. to review Waiting for reviews browser: mobile Generic mobile brower matters design Design, UI, UX, etc.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants