Changeset 44300

Timestamp:

12/18/2018 10:13:52 PM (6 years ago)

Author:

desrosj

Message:

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.

Location:

trunk

Files:

• . (modified) (1 prop)
• src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss (modified) (1 diff)
• src/wp-content/themes/twentynineteen/style-editor.css (modified) (1 diff)
• src/wp-content/themes/twentynineteen/style-editor.scss (modified) (1 diff)
• src/wp-content/themes/twentynineteen/style-rtl.css (modified) (1 diff)
• src/wp-content/themes/twentynineteen/style.css (modified) (1 diff)

trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

@@ -701 +701 @@
         }
 
+        @include media(mobile) {
+            flex-wrap: nowrap;
+        }
+
         @include media(tablet) {
             .wp-block-column > * {

trunk/src/wp-content/themes/twentynineteen/style-editor.css

@@ -57 +57 @@
     max-width: 125%;
   }
-}
-
-/** === 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;
 }
 

trunk/src/wp-content/themes/twentynineteen/style-editor.scss

@@ -53 +53 @@
         }
     }
-}
-
-/** === 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;
 }
 

trunk/src/wp-content/themes/twentynineteen/style-rtl.css

@@ -4189 +4189 @@
 }
 
+@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 {

trunk/src/wp-content/themes/twentynineteen/style.css

@@ -4201 +4201 @@
 }
 
+@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 {