Skip to content

Modal: Add small top padding to the content so that avoid cutting off the visible outline when hovering items #51829

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.

Sign up for GitHub

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

Merged
t-hamano merged 13 commits into from
Jun 27, 2023
Merged

Modal: Add small top padding to the content so that avoid cutting off the visible outline when hovering items #51829

Changes from 1 commit
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
4375c62
Site Editor: Fix focus cutoff in add template modal
t-hamano Jun 23, 2023
9e54d0a
Add padding-top to the modal content
t-hamano Jun 24, 2023
7e91b1e
Remove unnecessary padding-top
t-hamano Jun 24, 2023
bb2e9e9
Remove unnecessary padding-top
t-hamano Jun 24, 2023
5838981
Update changelog
t-hamano Jun 24, 2023
59058e5
Revert top padding from block patterns list
t-hamano Jun 24, 2023
f5041a0
Revert top padding from block patterns list
t-hamano Jun 24, 2023
009ba49
Remove unnecessary changes
t-hamano Jun 24, 2023
8f1e746
Remove unnecessary changes
t-hamano Jun 24, 2023
73ad6c9
Add CSS inline comment
t-hamano Jun 24, 2023
98d3bc7
Merge branch 'trunk' into fix/add-template-cutoff
t-hamano Jun 27, 2023
5726cf6
Change padding metrics
t-hamano Jun 27, 2023
c91ada2
Merge branch 'trunk' into fix/add-template-cutoff
t-hamano Jun 27, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Add padding-top to the modal content
  • Loading branch information
@t-hamano
t-hamano committed Jun 24, 2023
commit 9e54d0a4c3d488e6b017bdc0e237207253733b6b
2 changes: 1 addition & 1 deletion packages/components/src/modal/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -130,7 +130,7 @@
.components-modal__content {
flex: 1;
margin-top: $header-height + $grid-unit-15;
padding: 0 $grid-unit-40 $grid-unit-40;
padding: $border-width-focus-fallback $grid-unit-40 $grid-unit-40;
Copy link
Contributor

@ciampo ciampo Jun 24, 2023

Choose a reason for hiding this comment

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

It may be worth to add a short inline comment explaining the reason for the top padding

overflow: auto;

&.hide-header {
Expand Down