テーブル中央ぞろえの不具合修正

https://wp-cocoon.com/community/bugs/%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%81%a7%e4%bd%9c%e6%88%90%e3%81%97%e3%81%9f%e8%a1%a8%e3%81%8c%e4%b8%ad%e5%a4%ae%e3%81%ab%e9%85%8d%e7%bd%ae%e3%81%95/
yhira · Jan 30, 2020 · 27510c3 · 27510c3
1 parent c5bb361
commit 27510c3
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 15 deletions.
diff --git a/amp.css b/amp.css
diff --git a/css/admin.css b/css/admin.css
@@ -633,9 +633,9 @@ https://codepen.io/nxworld/pen/oLdoWb
 .admin-settings .demo table th { background-color: #f3f4f5; }
 .admin-settings .demo table tr:nth-of-type(2n+1) { background-color: #fafbfc; }
 .admin-settings .demo table th, .admin-settings .demo table td { border: 1px solid #ddd; padding: 6px; }
-.admin-settings .demo figure.wp-block-table.aligncenter, .admin-settings .demo figure.wp-block-table.alignleft, .admin-settings .demo figure.wp-block-table.alignright { display: block; }
 .admin-settings .demo .scrollable-table { -webkit-overflow-scrolling: touch; }
 .admin-settings .demo .scrollable-table.stfc-sticky tr > *:first-child { background-color: #e9eff2; color: #333; position: sticky; position: -webkit-sticky; left: 0; z-index: 2; }
+.admin-settings .demo .scrollable-table figure.wp-block-table.aligncenter, .admin-settings .demo .scrollable-table figure.wp-block-table.alignleft, .admin-settings .demo .scrollable-table figure.wp-block-table.alignright { display: block; }
 .admin-settings .demo .scrollable-table table { border-collapse: collapse; max-width: none; }
 .admin-settings .demo .scrollable-table th { background-color: #eee; }
 .admin-settings .demo .scrollable-table th, .admin-settings .demo .scrollable-table td { border: solid 1px #ccc; padding: 3px 5px; white-space: nowrap; }
@@ -2196,9 +2196,9 @@ https://codepen.io/nxworld/pen/oLdoWb
 .admin-settings .demo table th { background-color: #f3f4f5; }
 .admin-settings .demo table tr:nth-of-type(2n+1) { background-color: #fafbfc; }
 .admin-settings .demo table th, .admin-settings .demo table td { border: 1px solid #ddd; padding: 6px; }
-.admin-settings .demo figure.wp-block-table.aligncenter, .admin-settings .demo figure.wp-block-table.alignleft, .admin-settings .demo figure.wp-block-table.alignright { display: block; }
 .admin-settings .demo .scrollable-table { -webkit-overflow-scrolling: touch; }
 .admin-settings .demo .scrollable-table.stfc-sticky tr > *:first-child { background-color: #e9eff2; color: #333; position: sticky; position: -webkit-sticky; left: 0; z-index: 2; }
+.admin-settings .demo .scrollable-table figure.wp-block-table.aligncenter, .admin-settings .demo .scrollable-table figure.wp-block-table.alignleft, .admin-settings .demo .scrollable-table figure.wp-block-table.alignright { display: block; }
 .admin-settings .demo .scrollable-table table { border-collapse: collapse; max-width: none; }
 .admin-settings .demo .scrollable-table th { background-color: #eee; }
 .admin-settings .demo .scrollable-table th, .admin-settings .demo .scrollable-table td { border: solid 1px #ccc; padding: 3px 5px; white-space: nowrap; }

diff --git a/scss/content.scss b/scss/content.scss
@@ -132,14 +132,6 @@ table {
   }
 }
 
-figure.wp-block-table{
-  &.aligncenter,
-  &.alignleft,
-  &.alignright{
-    display: block;
-  }
-}
-
 ///////////////////////////////////////
 // レスポンシブテーブル
 ///////////////////////////////////////
@@ -157,6 +149,14 @@ figure.wp-block-table{
       z-index: 2;
     }
   }
+
+  figure.wp-block-table{
+    &.aligncenter,
+    &.alignleft,
+    &.alignright{
+      display: block;
+    }
+  }
 }
 
 .scrollable-table table{

diff --git a/style.css b/style.css
@@ -1497,10 +1497,6 @@ table td {
   padding: 6px;
 }
 
-figure.wp-block-table.aligncenter, figure.wp-block-table.alignleft, figure.wp-block-table.alignright {
-  display: block;
-}
-
 .scrollable-table {
   -webkit-overflow-scrolling: touch;
 }
@@ -1512,6 +1508,9 @@ figure.wp-block-table.aligncenter, figure.wp-block-table.alignleft, figure.wp-bl
   left: 0;
   z-index: 2;
 }
+.scrollable-table figure.wp-block-table.aligncenter, .scrollable-table figure.wp-block-table.alignleft, .scrollable-table figure.wp-block-table.alignright {
+  display: block;
+}
 
 .scrollable-table table {
   border-collapse: collapse;