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

docs(ui-date-time-input): fix Calendar and DateTimeInput page examples clipped off in docs #1858

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

matyasf
Copy link
Collaborator

@matyasf matyasf commented Feb 4, 2025

This fix makes margins much smaller in small viewports, so pages look much better. This fixes Calendar examples being clipped off.

To test check out the DateTimeInput and Calendar pages in docs with width set to 320px via devtools.

closes: INSTUI-4256

…s clipped off in docs

This fix makes margins much smaller in small viewports, so pages look much better. This fixes
Calendar examples being clipped off

INSTUI-4256
@matyasf matyasf self-assigned this Feb 4, 2025
@@ -824,6 +821,9 @@ class App extends Component<AppProps, AppState> {
<div css={this.props.styles?.hamburger}>
<InstUISettingsProvider>
<IconButton
themeOverride={{
secondaryBorderColor: '#343434'
}}
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Now the hamburger menu is overlapping the content, so I made its border have a bit more contrast

Copy link
Contributor

@joyenjoyer joyenjoyer Feb 5, 2025

Choose a reason for hiding this comment

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

Did the designers agree to make this change?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

They dont have to agree on smaller changes in our docs app :)

Copy link

github-actions bot commented Feb 4, 2025

PR Preview Action v1.6.0

🚀 View preview at
https://instructure.github.io/instructure-ui/pr-preview/pr-1858/

Built to branch gh-pages at 2025-02-04 15:40 UTC.
Preview will be ready when the GitHub Pages deployment is complete.

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

Successfully merging this pull request may close these issues.

3 participants