スマホのロゴ表示の上下に隙間ができてしまう不具合修正

xserver-inc · Apr 8, 2024 · 79656df · 79656df
1 parent b50c1df
commit 79656df
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 0 deletions.
diff --git a/amp.css b/amp.css
@@ -7762,6 +7762,9 @@ div.fb-like-mobile {
   position: relative;
   width: 100%;
   cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .mobile-menu-buttons .menu-button > a {
   display: block;
@@ -10145,6 +10148,7 @@ pre {
   }
   .mobile-menu-buttons {
     display: flex;
+    align-items: stretch;
   }
   .mobile-header-menu-buttons {
     top: 0;

diff --git a/css/admin.css b/css/admin.css
@@ -7324,6 +7324,9 @@ body.wp-admin {
   position: relative;
   width: 100%;
   cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .admin-settings .demo .mobile-menu-buttons .menu-button > a {
   display: block;
@@ -15733,6 +15736,9 @@ body.wp-admin {
   position: relative;
   width: 100%;
   cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .admin-settings .demo .mobile-menu-buttons .menu-button > a {
   display: block;
@@ -18676,6 +18682,7 @@ body.wp-admin {
   }
   .admin-settings .demo .mobile-menu-buttons {
     display: flex;
+    align-items: stretch;
   }
   .admin-settings .demo .mobile-header-menu-buttons {
     top: 0;

diff --git a/scss/_mobile-menu-buttons.scss b/scss/_mobile-menu-buttons.scss
@@ -37,6 +37,9 @@
     position: relative;
     width: 100%;
     cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 
     >a {
       display: block;

diff --git a/scss/breakpoints/_max-width-1023.scss b/scss/breakpoints/_max-width-1023.scss
@@ -88,6 +88,7 @@ div.sidebar {
 
 .mobile-menu-buttons {
   display: flex;
+  align-items: stretch;
 }
 
 .mobile-header-menu-buttons {

diff --git a/style.css b/style.css
@@ -7787,6 +7787,9 @@ div.fb-like-mobile {
   position: relative;
   width: 100%;
   cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .mobile-menu-buttons .menu-button > a {
   display: block;
@@ -11273,6 +11276,7 @@ _:-ms-lang(x), .mc-circle {
   }
   .mobile-menu-buttons {
     display: flex;
+    align-items: stretch;
   }
   .mobile-header-menu-buttons {
     top: 0;