Skip to content

Commit

Permalink
Updating Twenty Nineteen, the new default theme for 2019.
Browse files Browse the repository at this point in the history
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 committed Dec 14, 2018
1 parent 4de6cd3 commit 91f4aee
Show file tree
Hide file tree
Showing 5 changed files with 16 additions and 14 deletions.
4 changes: 4 additions & 0 deletions src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss
Expand Up @@ -700,6 +700,10 @@
padding-right: $size__spacing-unit;
}

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

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

Expand Down
6 changes: 0 additions & 6 deletions src/wp-content/themes/twentynineteen/style-editor.css
Expand Up @@ -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));
Expand Down
8 changes: 0 additions & 8 deletions src/wp-content/themes/twentynineteen/style-editor.scss
Expand Up @@ -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 {
Expand Down
6 changes: 6 additions & 0 deletions src/wp-content/themes/twentynineteen/style-rtl.css
Expand Up @@ -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;
Expand Down
6 changes: 6 additions & 0 deletions src/wp-content/themes/twentynineteen/style.css
Expand Up @@ -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;
Expand Down

0 comments on commit 91f4aee

Please sign in to comment.