トグルボックス＋ショートコード（新着記事一覧）で真下のコンテンツが横にずれる不具合修正

yhira · Feb 13, 2019 · 6cf6840 · 6cf6840
1 parent e845a8d
commit 6cf6840
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/amp.css b/amp.css
diff --git a/css/admin.css b/css/admin.css
@@ -986,7 +986,7 @@ body.wp-admin { color: #444; }
 .admin-settings .demo .lb-green .label-box-content { border-color: #3eb370; }
 .admin-settings .demo .toggle-wrap { margin: 1.2em 0; position: relative; }
 .admin-settings .demo .toggle-wrap > p { margin: 0; }
-.admin-settings .demo .toggle-wrap .toggle-content { display: block; visibility: hidden; opacity: 0; padding: 0 1em; height: 0; transition: all 0.5s ease; }
+.admin-settings .demo .toggle-wrap .toggle-content { display: block; visibility: hidden; opacity: 0; padding: 0 1em; height: 0; transition: all 0.5s ease; overflow: hidden; }
 .admin-settings .demo .toggle-button { display: block; cursor: pointer; padding: 3px 10px; background-color: #f3f4f5; border: 1px solid #ccc; text-align: center; border-radius: 4px; position: relative; margin: 0; }
 .admin-settings .demo .toggle-button::before { content: '\f067'; font-family: FontAwesome; margin-right: 0.4em; font-size: 0.8em; color: #999; }
 .admin-settings .demo .toggle-button:hover { opacity: 0.7; }
@@ -2148,7 +2148,7 @@ body.wp-admin { color: #444; }
 .admin-settings .demo .lb-green .label-box-content { border-color: #3eb370; }
 .admin-settings .demo .toggle-wrap { margin: 1.2em 0; position: relative; }
 .admin-settings .demo .toggle-wrap > p { margin: 0; }
-.admin-settings .demo .toggle-wrap .toggle-content { display: block; visibility: hidden; opacity: 0; padding: 0 1em; height: 0; transition: all 0.5s ease; }
+.admin-settings .demo .toggle-wrap .toggle-content { display: block; visibility: hidden; opacity: 0; padding: 0 1em; height: 0; transition: all 0.5s ease; overflow: hidden; }
 .admin-settings .demo .toggle-button { display: block; cursor: pointer; padding: 3px 10px; background-color: #f3f4f5; border: 1px solid #ccc; text-align: center; border-radius: 4px; position: relative; margin: 0; }
 .admin-settings .demo .toggle-button::before { content: '\f067'; font-family: FontAwesome; margin-right: 0.4em; font-size: 0.8em; color: #999; }
 .admin-settings .demo .toggle-button:hover { opacity: 0.7; }

diff --git a/scss/extension.scss b/scss/extension.scss
@@ -1086,6 +1086,7 @@ $bb_green: #3eb370;
     padding: 0 1em;
     height: 0;
     transition: $bgc_hover_anime;
+    overflow: hidden;
   }
 }
 

diff --git a/style.css b/style.css
@@ -3632,6 +3632,7 @@ label.screen-reader-text {
   padding: 0 1em;
   height: 0;
   transition: all 0.5s ease;
+  overflow: hidden;
 }
 
 .toggle-button {