Updating Twenty Nineteen, the new default theme for 2019.

This update changes the following:

- Reverts the customization to the toolbar for wide and full blocks to make them more usable. More info here: https://github.com/WordPress/twentynineteen/pull/668
- Add `nowrap` to the columns block at breakpoints above `600px`. More info here: https://github.com/WordPress/twentynineteen/pull/674 

Props joen, kjellr, allancole.

Fixes #45369.

Merges [44189] into trunk.

See #45424.

git-svn-id: https://develop.svn.wordpress.org/trunk@44300 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Jonathan Desrosiers 2018-12-18 22:13:52 +00:00
parent ee12f146d6
commit 85010912d2
5 changed files with 16 additions and 14 deletions

View File

@ -700,6 +700,10 @@
padding-right: $size__spacing-unit;
}
@include media(mobile) {
flex-wrap: nowrap;
}
@include media(tablet) {
.wp-block-column > * {

View File

@ -58,12 +58,6 @@ body .wp-block[data-align="full"] {
}
}
/** === Editor Block Toolbar Position === */
.editor-block-list__block[data-align="wide"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar,
.editor-block-list__block[data-align="full"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar {
max-width: none;
}
/** === Content Width === */
.wp-block {
width: calc(100vw - (2 * 1rem));

View File

@ -54,14 +54,6 @@ body {
}
}
/** === Editor Block Toolbar Position === */
// Since 2019 left-aligns wide and fullwide blocks, left align the toolbar too.
.editor-block-list__block[data-align="wide"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar,
.editor-block-list__block[data-align="full"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar {
max-width: none;
}
/** === Content Width === */
.wp-block {

View File

@ -4188,6 +4188,12 @@ body.page .main-navigation {
padding-left: 1rem;
}
@media only screen and (min-width: 600px) {
.entry .entry-content .wp-block-columns {
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;

View File

@ -4200,6 +4200,12 @@ body.page .main-navigation {
padding-right: 1rem;
}
@media only screen and (min-width: 600px) {
.entry .entry-content .wp-block-columns {
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;