Hygieneスキンのモバイルフォローボタンが全て表示されないCSSの不在修正

xserver-inc · Feb 12, 2024 · 2a636cb · 2a636cb
1 parent 05984fe
commit 2a636cb
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/skins/hygiene/style.css b/skins/hygiene/style.css
@@ -523,7 +523,7 @@ border-bottom:4px solid #5572ff;
 }
 
 .sns-follow.bc-brand-color > .sns-follow-buttons a {
-    width: 51%;
+    width: 25%;
     height: 1.7em;
     color: white;
     -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
@@ -541,7 +541,7 @@ border-bottom:4px solid #5572ff;
 }
 .sns-follow.bc-brand-color > .sns-follow-buttons a:hover{
   opacity: unset;
-  transform: translate(30px,0px);
+  transform: translate(0px,-6px);
 }
 /* HACK: ブランドカラー（白抜き）選択時 */
 .sns-follow.bc-brand-color-white > .sns-follow-buttons a {
@@ -2367,4 +2367,21 @@ body{
 .sf-bottom .sns-follow-buttons {
   column-gap: 20px;
   row-gap: 28px;
+}
+
+/* モバイルフォローボタンエリアの調整　*/
+.sns-follow.sf-mobile {
+  margin: 0;
+  padding: 0;
+}
+
+.sf-mobile .sns-follow-buttons {
+  padding-top: 32px;
+  padding-bottom: 32px;
+  margin: 0;
+}
+
+.follow-menu-content{
+  top: initial;
+  bottom: 12%;
 }