フォローボタンの並べ方変更

xserver-inc · Feb 8, 2024 · 52d08c6 · 52d08c6
1 parent 57aec82
commit 52d08c6
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 23 deletions.
diff --git a/amp.css b/amp.css
@@ -5963,8 +5963,13 @@ figcaption {
 /************************************
 ** SNSフォローボタン
 ************************************/
+.sns-follow-buttons {
+  flex-wrap: wrap;
+  justify-content: flex-start;
+}
 .sns-follow-buttons a {
-  width: 100%;
+  width: 40px;
+  height: 40px;
   margin-right: 8px;
   margin-bottom: 8px;
   font-size: 30px;
@@ -6447,10 +6452,6 @@ canvas, iframe, video,
 .author-box .sns-follow-message {
   display: none;
 }
-.author-box .sns-follow-buttons {
-  flex-wrap: wrap;
-  justify-content: flex-start;
-}
 .author-box .sns-follow-buttons a.follow-button {
   font-size: 18px;
   width: 24px;

diff --git a/css/admin.css b/css/admin.css
@@ -5746,8 +5746,13 @@ body.wp-admin {
 .admin-settings .demo .wp-block-media-text__content {
   padding: 0 1em;
 }
+.admin-settings .demo .sns-follow-buttons {
+  flex-wrap: wrap;
+  justify-content: flex-start;
+}
 .admin-settings .demo .sns-follow-buttons a {
-  width: 100%;
+  width: 40px;
+  height: 40px;
   margin-right: 8px;
   margin-bottom: 8px;
   font-size: 30px;
@@ -6152,10 +6157,6 @@ body.wp-admin {
 .admin-settings .demo .author-box .sns-follow-message {
   display: none;
 }
-.admin-settings .demo .author-box .sns-follow-buttons {
-  flex-wrap: wrap;
-  justify-content: flex-start;
-}
 .admin-settings .demo .author-box .sns-follow-buttons a.follow-button {
   font-size: 18px;
   width: 24px;
@@ -13993,8 +13994,13 @@ body.wp-admin {
 .admin-settings .demo .wp-block-media-text__content {
   padding: 0 1em;
 }
+.admin-settings .demo .sns-follow-buttons {
+  flex-wrap: wrap;
+  justify-content: flex-start;
+}
 .admin-settings .demo .sns-follow-buttons a {
-  width: 100%;
+  width: 40px;
+  height: 40px;
   margin-right: 8px;
   margin-bottom: 8px;
   font-size: 30px;
@@ -14399,10 +14405,6 @@ body.wp-admin {
 .admin-settings .demo .author-box .sns-follow-message {
   display: none;
 }
-.admin-settings .demo .author-box .sns-follow-buttons {
-  flex-wrap: wrap;
-  justify-content: flex-start;
-}
 .admin-settings .demo .author-box .sns-follow-buttons a.follow-button {
   font-size: 18px;
   width: 24px;

diff --git a/scss/_author-box.scss b/scss/_author-box.scss
@@ -20,8 +20,8 @@
     display: none;
   }
   .sns-follow-buttons{
-    flex-wrap: wrap;
-    justify-content: flex-start;
+    // flex-wrap: wrap;
+    // justify-content: flex-start;
     a.follow-button{
       font-size: 18px;
       width: 24px;

diff --git a/scss/_sns-follow.scss b/scss/_sns-follow.scss
@@ -6,9 +6,12 @@
 }
 
 .sns-follow-buttons{
+  flex-wrap: wrap;
+  justify-content: flex-start;
 
   a{
-    width: 100%;
+    width: 40px;
+    height: 40px;
     margin-right: 8px;
     margin-bottom: $sns_button_margin_bottom;
     font-size: 30px;

diff --git a/style.css b/style.css
@@ -5988,8 +5988,13 @@ figcaption {
 /************************************
 ** SNSフォローボタン
 ************************************/
+.sns-follow-buttons {
+  flex-wrap: wrap;
+  justify-content: flex-start;
+}
 .sns-follow-buttons a {
-  width: 100%;
+  width: 40px;
+  height: 40px;
   margin-right: 8px;
   margin-bottom: 8px;
   font-size: 30px;
@@ -6472,10 +6477,6 @@ canvas, iframe, video,
 .author-box .sns-follow-message {
   display: none;
 }
-.author-box .sns-follow-buttons {
-  flex-wrap: wrap;
-  justify-content: flex-start;
-}
 .author-box .sns-follow-buttons a.follow-button {
   font-size: 18px;
   width: 24px;