Ver código fonte

Elegant Business: Align page title when there are no posts, and add fallback for the Media & Text layout for IE 11.

Laurel Fulford 6 anos atrás
pai
commit
b1f0afa651

+ 28 - 0
elegant-business/sass/blocks/_blocks.scss

@@ -775,6 +775,34 @@
 			}
 		}
 
+		// Temporary fix for IE 11 for this issue: https://github.com/WordPress/gutenberg/issues/11577
+		@media all and (-ms-high-contrast:none) {
+
+			&:after {
+				display: table;
+				content: "";
+				clear: both;
+			}
+
+			figure {
+				float: left;
+				width: 50%;
+			}
+
+			.wp-block-media-text__content {
+				float: right;
+				width: 50%;
+			}
+
+			&.has-media-on-the-right figure {
+				float: right;
+			}
+
+			&.has-media-on-the-right .wp-block-media-text__content {
+				float: left;
+			}
+		}
+
 	}
 
 	//! Columns

+ 1 - 0
elegant-business/sass/site/primary/_archives.scss

@@ -50,6 +50,7 @@
 .error-404.not-found,
 .no-results.not-found {
 
+	.page-title,
 	.page-content {
 
 		margin: calc(3 * #{$size__spacing-unit}) #{$size__spacing-unit};

+ 22 - 0
elegant-business/style-rtl.css

@@ -4239,6 +4239,28 @@ body.page .main-navigation {
   }
 }
 
+@media all and (-ms-high-contrast: none) {
+  .entry .entry-content .wp-block-media-text:after {
+    display: table;
+    content: "";
+    clear: both;
+  }
+  .entry .entry-content .wp-block-media-text figure {
+    float: right;
+    width: 50%;
+  }
+  .entry .entry-content .wp-block-media-text .wp-block-media-text__content {
+    float: left;
+    width: 50%;
+  }
+  .entry .entry-content .wp-block-media-text.has-media-on-the-right figure {
+    float: left;
+  }
+  .entry .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
+    float: right;
+  }
+}
+
 .entry .entry-content .wp-block-columns.alignfull {
   padding-right: 1rem;
   padding-left: 1rem;

+ 26 - 1
elegant-business/style.css

@@ -1,4 +1,3 @@
-/*THIS FILE IS COMPILED FROM AN .SCSS FILE - DO NOT EDIT DIRECTLY*/
 @charset "UTF-8";
 /*
 Theme Name: Elegant Business
@@ -3184,13 +3183,17 @@ body.page .main-navigation {
 }
 
 /* 404 & Not found */
+.error-404.not-found .page-title,
 .error-404.not-found .page-content,
+.no-results.not-found .page-title,
 .no-results.not-found .page-content {
   margin: calc(3 * 1rem) 1rem;
 }
 
 @media only screen and (min-width: 768px) {
+  .error-404.not-found .page-title,
   .error-404.not-found .page-content,
+  .no-results.not-found .page-title,
   .no-results.not-found .page-content {
     margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
   }
@@ -4252,6 +4255,28 @@ body.page .main-navigation {
   }
 }
 
+@media all and (-ms-high-contrast: none) {
+  .entry .entry-content .wp-block-media-text:after {
+    display: table;
+    content: "";
+    clear: both;
+  }
+  .entry .entry-content .wp-block-media-text figure {
+    float: left;
+    width: 50%;
+  }
+  .entry .entry-content .wp-block-media-text .wp-block-media-text__content {
+    float: right;
+    width: 50%;
+  }
+  .entry .entry-content .wp-block-media-text.has-media-on-the-right figure {
+    float: right;
+  }
+  .entry .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
+    float: left;
+  }
+}
+
 .entry .entry-content .wp-block-columns.alignfull {
   padding-left: 1rem;
   padding-right: 1rem;