浏览代码

Exford: Make sure sub-menu item is one line in Safari

Takashi Irie 5 年之前
父节点
当前提交
6a85c544da
共有 3 个文件被更改,包括 16 次插入9 次删除
  1. 2 1
      exford/sass/_extra-child-theme.scss
  2. 7 4
      exford/style-rtl.css
  3. 7 4
      exford/style.css

+ 2 - 1
exford/sass/_extra-child-theme.scss

@@ -88,8 +88,9 @@ a {
 
 
 			> div > ul > li > .sub-menu {
 			> div > ul > li > .sub-menu {
 				border: 1px solid map-deep-get($config-global, "color", "border", "default");
 				border: 1px solid map-deep-get($config-global, "color", "border", "default");
-				box-shadow: none;
 				border-radius: map-deep-get($config-global, "border-radius", "sm");
 				border-radius: map-deep-get($config-global, "border-radius", "sm");
+				box-shadow: none;
+				box-sizing: content-box; // for Safari
 			}
 			}
 		}
 		}
 	}
 	}

+ 7 - 4
exford/style-rtl.css

@@ -684,9 +684,7 @@ a {
 .site-header:after,
 .site-header:after,
 .site-content:after,
 .site-content:after,
 .site-footer:after {
 .site-footer:after {
-	content: "";
-	display: table;
-	table-layout: fixed;
+	clear: both;
 }
 }
 
 
 /**
 /**
@@ -1967,6 +1965,10 @@ hr.wp-block-separator {
 		 */
 		 */
 }
 }
 
 
+hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
+	max-width: 96px;
+}
+
 hr.wp-block-separator.is-style-dots:before {
 hr.wp-block-separator.is-style-dots:before {
 	color: #CCCCCC;
 	color: #CCCCCC;
 	font-size: 1.728rem;
 	font-size: 1.728rem;
@@ -3681,8 +3683,9 @@ p:not(.site-title) a:hover {
 	}
 	}
 	.site-header > *.main-navigation > div > ul > li > .sub-menu {
 	.site-header > *.main-navigation > div > ul > li > .sub-menu {
 		border: 1px solid #CCCCCC;
 		border: 1px solid #CCCCCC;
-		box-shadow: none;
 		border-radius: 5px;
 		border-radius: 5px;
+		box-shadow: none;
+		box-sizing: content-box;
 	}
 	}
 }
 }
 
 

+ 7 - 4
exford/style.css

@@ -684,9 +684,7 @@ a {
 .site-header:after,
 .site-header:after,
 .site-content:after,
 .site-content:after,
 .site-footer:after {
 .site-footer:after {
-	content: "";
-	display: table;
-	table-layout: fixed;
+	clear: both;
 }
 }
 
 
 /**
 /**
@@ -1967,6 +1965,10 @@ hr.wp-block-separator {
 		 */
 		 */
 }
 }
 
 
+hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
+	max-width: 96px;
+}
+
 hr.wp-block-separator.is-style-dots:before {
 hr.wp-block-separator.is-style-dots:before {
 	color: #CCCCCC;
 	color: #CCCCCC;
 	font-size: 1.728rem;
 	font-size: 1.728rem;
@@ -3710,8 +3712,9 @@ p:not(.site-title) a:hover {
 	}
 	}
 	.site-header > *.main-navigation > div > ul > li > .sub-menu {
 	.site-header > *.main-navigation > div > ul > li > .sub-menu {
 		border: 1px solid #CCCCCC;
 		border: 1px solid #CCCCCC;
-		box-shadow: none;
 		border-radius: 5px;
 		border-radius: 5px;
+		box-shadow: none;
+		box-sizing: content-box;
 	}
 	}
 }
 }