Skip to content
Permalink
Browse files

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: WordPress/twentynineteen#668
- Add nowrap to the columns block at breakpoints above 600px. More info here: WordPress/twentynineteen#674

Props joen, kjellr.

Fixes #45369.

See #45424.



git-svn-id: https://develop.svn.wordpress.org/branches/5.0@44189 602fd350-edb4-49c9-b593-d223f7449a82
  • Loading branch information...
allancole
allancole committed Dec 14, 2018
1 parent 4de6cd3 commit 91f4aeef6ec5218b4ae26fb1fd0c83d16012b361
@@ -700,6 +700,10 @@
padding-right: $size__spacing-unit;
}

@include media(mobile) {
flex-wrap: nowrap;
}

@include media(tablet) {
.wp-block-column > * {

@@ -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));
@@ -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 {
@@ -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;
@@ -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;

0 comments on commit 91f4aee

Please sign in to comment.
You can’t perform that action at this time.