From fbf7b9f5c24a7c4bf7d2caefb1e96418b9b88fdc Mon Sep 17 00:00:00 2001 From: yhira Date: Tue, 9 Apr 2024 00:45:06 +0900 Subject: [PATCH] =?UTF-8?q?=E3=83=A2=E3=83=90=E3=82=A4=E3=83=AB=E3=83=98?= =?UTF-8?q?=E3=83=83=E3=83=80=E3=83=BC=E3=81=8C=E3=83=AC=E3=82=A4=E3=82=A2?= =?UTF-8?q?=E3=82=A6=E3=83=88=E3=82=B7=E3=83=95=E3=83=88=E3=81=99=E3=82=8B?= =?UTF-8?q?=E4=B8=8D=E5=85=B7=E5=90=88=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- amp.css | 10 +++++----- css/admin.css | 16 ++++++++++------ scss/_mobile-menu-buttons.scss | 6 +++++- scss/breakpoints/_max-width-1023.scss | 7 +++---- style.css | 10 +++++----- 5 files changed, 28 insertions(+), 21 deletions(-) diff --git a/amp.css b/amp.css index a7031b6b8..d0b624f5d 100644 --- a/amp.css +++ b/amp.css @@ -7741,6 +7741,7 @@ div.fb-like-mobile { margin: 0; list-style: none; display: none; + justify-content: space-between; align-items: center; line-height: 1.4; min-height: 50px; @@ -7760,7 +7761,7 @@ div.fb-like-mobile { } .mobile-menu-buttons .menu-button { position: relative; - width: 100%; + width: 70px; cursor: pointer; display: flex; align-items: center; @@ -7785,6 +7786,9 @@ div.fb-like-mobile { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } +.mobile-footer-menu-buttons .menu-button { + width: 100%; +} .logo-menu-button { text-align: center; @@ -10153,13 +10157,9 @@ pre { .mobile-header-menu-buttons { top: 0; bottom: auto; - justify-content: space-around; min-width: 46px; box-shadow: 0 0 5px darkgrey; } - .has-logo-button .menu-button { - width: 70px; - } .has-logo-button .logo-menu-button { flex-grow: 99; } diff --git a/css/admin.css b/css/admin.css index 51a8b62b9..e966488e9 100644 --- a/css/admin.css +++ b/css/admin.css @@ -7303,6 +7303,7 @@ body.wp-admin { margin: 0; list-style: none; display: none; + justify-content: space-between; align-items: center; line-height: 1.4; min-height: 50px; @@ -7322,7 +7323,7 @@ body.wp-admin { } .admin-settings .demo .mobile-menu-buttons .menu-button { position: relative; - width: 100%; + width: 70px; cursor: pointer; display: flex; align-items: center; @@ -7346,6 +7347,9 @@ body.wp-admin { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } +.admin-settings .demo .mobile-footer-menu-buttons .menu-button { + width: 100%; +} .admin-settings .demo .logo-menu-button { text-align: center; font-weight: 900; @@ -15715,6 +15719,7 @@ body.wp-admin { margin: 0; list-style: none; display: none; + justify-content: space-between; align-items: center; line-height: 1.4; min-height: 50px; @@ -15734,7 +15739,7 @@ body.wp-admin { } .admin-settings .demo .mobile-menu-buttons .menu-button { position: relative; - width: 100%; + width: 70px; cursor: pointer; display: flex; align-items: center; @@ -15758,6 +15763,9 @@ body.wp-admin { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } +.admin-settings .demo .mobile-footer-menu-buttons .menu-button { + width: 100%; +} .admin-settings .demo .logo-menu-button { text-align: center; font-weight: 900; @@ -18687,13 +18695,9 @@ body.wp-admin { .admin-settings .demo .mobile-header-menu-buttons { top: 0; bottom: auto; - justify-content: space-around; min-width: 46px; box-shadow: 0 0 5px darkgrey; } - .admin-settings .demo .has-logo-button .menu-button { - width: 70px; - } .admin-settings .demo .has-logo-button .logo-menu-button { flex-grow: 99; } diff --git a/scss/_mobile-menu-buttons.scss b/scss/_mobile-menu-buttons.scss index 4aa7e76f6..51a902df5 100644 --- a/scss/_mobile-menu-buttons.scss +++ b/scss/_mobile-menu-buttons.scss @@ -12,6 +12,7 @@ list-style: none; display: none; + justify-content: space-between; align-items: center; line-height: 1.4; @@ -35,7 +36,7 @@ .menu-button { position: relative; - width: 100%; + width: 70px; cursor: pointer; display: flex; align-items: center; @@ -65,6 +66,9 @@ .mobile-footer-menu-buttons { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); + .menu-button{ + width: 100%; + } } .logo-menu-button { diff --git a/scss/breakpoints/_max-width-1023.scss b/scss/breakpoints/_max-width-1023.scss index 0d58beb61..a91aaac18 100644 --- a/scss/breakpoints/_max-width-1023.scss +++ b/scss/breakpoints/_max-width-1023.scss @@ -94,16 +94,15 @@ div.sidebar { .mobile-header-menu-buttons { top: 0; bottom: auto; - justify-content: space-around; min-width: 46px; // z-index: 3; box-shadow: 0 0 5px darkgrey; } .has-logo-button { - .menu-button { - width: 70px; - } + // .menu-button { + // width: 70px; + // } .logo-menu-button { flex-grow: 99; diff --git a/style.css b/style.css index 5ca3475b2..a52e18ad4 100644 --- a/style.css +++ b/style.css @@ -7766,6 +7766,7 @@ div.fb-like-mobile { margin: 0; list-style: none; display: none; + justify-content: space-between; align-items: center; line-height: 1.4; min-height: 50px; @@ -7785,7 +7786,7 @@ div.fb-like-mobile { } .mobile-menu-buttons .menu-button { position: relative; - width: 100%; + width: 70px; cursor: pointer; display: flex; align-items: center; @@ -7810,6 +7811,9 @@ div.fb-like-mobile { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } +.mobile-footer-menu-buttons .menu-button { + width: 100%; +} .logo-menu-button { text-align: center; @@ -11281,13 +11285,9 @@ _:-ms-lang(x), .mc-circle { .mobile-header-menu-buttons { top: 0; bottom: auto; - justify-content: space-around; min-width: 46px; box-shadow: 0 0 5px darkgrey; } - .has-logo-button .menu-button { - width: 70px; - } .has-logo-button .logo-menu-button { flex-grow: 99; }