Browse Source

Varia, Maywood: Fix FSE Navigation Menu width when alignwide or alignfull (#1654)

Fix a regression on Maywood, that caused `alignwide` and `alignfull` Navigation Menu blocks not having the expected width.
Jacopo Tomasone 5 years ago
parent
commit
d254e96344

+ 4 - 0
maywood/style-editor.css

@@ -1344,6 +1344,10 @@ b, strong {
  */
 }
 
+.fse-template-part .main-navigation .alignwide, .fse-template-part .main-navigation .alignfull {
+	width: 100%;
+}
+
 .fse-template-part .main-navigation .button {
 	line-height: 1;
 	color: white;

+ 4 - 0
maywood/style.css

@@ -4068,6 +4068,10 @@ p:not(.site-title) a:hover {
 	margin-top: 0;
 }
 
+.fse-template-part .main-navigation .alignwide, .fse-template-part .main-navigation .alignfull {
+	width: 100%;
+}
+
 .fse-template-part .main-navigation .has-text-color > .main-menu.footer-menu > li > a {
 	color: inherit;
 }

+ 4 - 0
varia/sass/full-site-editing/_editor.scss

@@ -40,6 +40,10 @@
 	.main-navigation {
 		text-align: center;
 
+		.alignwide, .alignfull {
+			width: 100%;
+		}
+
 		@import "../base/extends";
 		.button {
 			@extend %button-style

+ 4 - 0
varia/sass/full-site-editing/_imports.scss

@@ -3,6 +3,10 @@
 	margin-top: 0;
 
 	.main-navigation {
+		.alignwide, .alignfull {
+			width: 100%;
+		}
+
 		.has-text-color > .main-menu.footer-menu > li > a {
 			color: inherit;
 		}

+ 4 - 0
varia/style-editor.css

@@ -1278,6 +1278,10 @@ table th,
  */
 }
 
+.fse-template-part .main-navigation .alignwide, .fse-template-part .main-navigation .alignfull {
+	width: 100%;
+}
+
 .fse-template-part .main-navigation .button {
 	line-height: 1;
 	color: white;

+ 4 - 0
varia/style.css

@@ -3732,6 +3732,10 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
 	margin-top: 0;
 }
 
+.fse-template-part .main-navigation .alignwide, .fse-template-part .main-navigation .alignfull {
+	width: 100%;
+}
+
 .fse-template-part .main-navigation .has-text-color > .main-menu.footer-menu > li > a {
 	color: inherit;
 }