Skip to content

[Document Settings]: Add summary panel version 1 #39973

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
ntsekouras merged 17 commits into from
Apr 6, 2022
Merged

[Document Settings]: Add summary panel version 1 #39973

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
b628e5b
[Document Settings]: Add summary panel version 1
ntsekouras Apr 1, 2022
32ccb41
Polish featured image.
jasmussen Apr 1, 2022
0874b39
Tweak excerpt.
jasmussen Apr 1, 2022
07e2f9f
Fix focus styles for edit and trash.
jasmussen Apr 1, 2022
fd41ac3
Fix focus styles.
jasmussen Apr 1, 2022
8f4538d
Improve thumbnail resolution and appearance.
jasmussen Apr 4, 2022
2302eb6
update FeaturedImage in inspector controls + remove the previous panel.
ntsekouras Apr 4, 2022
39be3b1
add a `minimal` version of PostSummary editor component and remove th…
ntsekouras Apr 4, 2022
78958e9
remove obsolete export
ntsekouras Apr 4, 2022
8216852
fix postExcerpt callback
ntsekouras Apr 4, 2022
86c4075
remove obsolete styles import
ntsekouras Apr 4, 2022
8c01268
remove PostAuthor from status panel
ntsekouras Apr 4, 2022
a59e086
make post title a `span`
ntsekouras Apr 4, 2022
ce320e7
Polish heading.
jasmussen Apr 4, 2022
4e35b78
fix tests and add a new one
ntsekouras Apr 5, 2022
7fe7b93
Spacing and focus styles.
jasmussen Apr 5, 2022
3c76b97
add post-type support checks for title and author
ntsekouras Apr 6, 2022
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
Spacing and focus styles.
  • Loading branch information
@jasmussen
jasmussen committed Apr 5, 2022
commit 7fe7b93bad60b15d85500697e4eede04b15ffcc9
13 changes: 12 additions & 1 deletion packages/edit-post/src/components/sidebar/post-title/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,5 +2,16 @@
font-size: 16px;
line-height: 1.6;
font-weight: 500;
margin: $grid-unit-20 0;
margin: $grid-unit-15 0;

// Focus style
width: 100%;
border-radius: $radius-block-ui - $border-width;

&:focus-within {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);

// Windows High Contrast mode will show this outline, but not the box-shadow.
outline: 2px solid transparent;
}
}
12 changes: 12 additions & 0 deletions packages/editor/src/components/post-excerpt/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,3 +2,15 @@
width: 100%;
margin-bottom: 10px;
}

.editor-post-excerpt {
// Focus style
border-radius: $radius-block-ui - $border-width;

&:focus-within {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);

// Windows High Contrast mode will show this outline, but not the box-shadow.
outline: 2px solid transparent;
}
}
12 changes: 4 additions & 8 deletions packages/editor/src/components/post-featured-image/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,10 @@
margin-left: -$grid-unit-20;
margin-right: -$grid-unit-20;

.components-panel__body-title + & {
margin-top: -5px;
}

// Ensure a consistent dropzone and avoid jumps when loading.
height: 140px;
overflow: hidden;
Expand All @@ -21,8 +25,6 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

// @todo: these rules can be removed if we retire post-featured-image.
margin-top: 0;
margin-left: 0;
}
Expand Down Expand Up @@ -56,12 +58,6 @@
opacity: 0;
transition: all 0.1s ease-out;
@include reduce-motion("transition");

// @todo: these rules can be removed if we retire post-featured-image.
.components-button + .components-button {
display: block;
margin-top: 0;
}
}

&:focus-within .editor-post-featured-image__actions,
Expand Down