Changeset 46711 for trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css

Timestamp:

11/11/2019 08:54:49 PM (5 years ago)

Author:

SergeyBiryukov

Message:

Twenty Twenty: Make CSS adjustments to account for the latest editor changes and ensure that group blocks work in expected ways.

Props williampatton, allancole, karmatosed, pierlo, joen, ianbelanger.
Fixes #48557.

File:

• trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css (modified) (9 diffs)

trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css

@@ -79 +79 @@
 }
 
-.wp-block[data-align="wide"] .wp-block,
-.wp-block[data-align="full"] .wp-block {
-    max-width: none;
-}
-
 .wp-block[data-align="wide"] .wp-block[data-align="wide"],
 .wp-block[data-align="full"] .wp-block[data-align="wide"] {
@@ -107 +102 @@
 
 .wp-block[data-align="wide"] {
-    margin-bottom: 30px;
-    margin-top: 30px;
     max-width: 1200px;
 }
 
 .wp-block[data-align="full"] {
-    margin-bottom: 50px;
-    margin-top: 50px;
     max-width: none;
 }
@@ -178 +169 @@
 .has-accent-background-color {
     background-color: #cd2653;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 }
 
@@ -679 +694 @@
 .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
     margin: 0 auto;
-    max-width: 1200px;
     width: calc(100% - 40px);
 }
 
-[data-align="left"] .wp-block-cover,
-[data-align="left"] .wp-block-cover-image,
-[data-align="right"] .wp-block-cover,
-[data-align="right"] .wp-block-cover-image {
-    max-width: 260px;
+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"],
+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] {
+    height: auto;
+    max-height: none;
+}
+
+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover {
+    text-align: right;
+}
+
+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
+    text-align: left;
+}
+
+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit,
+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit {
+    float: none;
+    margin-right: 0;
+    margin-left: 0;
+    max-width: 100%;
 }
 
@@ -1053 +1082 @@
     }
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
     /* BLOCK: PULL QUOTE */
 
@@ -1132 +1188 @@
     }
 
-    .wp-block[data-align="wide"],
-    .wp-block[data-align="full"] {
-        margin-bottom: 60px;
-        margin-top: 60px;
-    }
-
     /* TYPOGRAPHY */
 
@@ -1209 +1259 @@
     /* BLOCK: GROUP */
 
-    .editor-styles-wrapper .wp-block-group.has-background {
+    .editor-styles-wrapper .wp-block:not([data-align="wide"]):not([data-align="full"]) div:not([class*="__inner-container"]) .wp-block-group.has-background,
+    .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="wide"] .wp-block-group.has-background,
+    .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="full"] .wp-block-group.has-background {
         padding: 40px;
+
+
+
+
+
     }
 
@@ -1284 +1341 @@
 
 
-    /* STRUCTURE */
-
-    .wp-block[data-align="wide"],
-    .wp-block[data-align="full"] {
-        margin-bottom: 80px;
-        margin-top: 80px;
-    }
-
     /* BLOCK: COLUMNS */
 
     .wp-block-column {
         font-size: 18px;
-    }
-
-    /* BLOCK: GROUP */
-
-    .wp-block[data-align="wide"] .wp-block-group.has-background,
-    .wp-block[data-align="full"] .wp-block-group.has-background {
-        padding: 80px 40px;
     }
 
@@ -1333 +1375 @@
     .editor-styles-wrapper .wp-block h6 {
         font-size: 18px;
-    }
-
-    /* STRUCTURE */
-
-    .wp-block[data-align="wide"],
-    .wp-block[data-align="full"] {
-        margin-bottom: 80px;
-        margin-top: 80px;
     }