From ed15a813009030cf23037135721ddaaed9ab8243 Mon Sep 17 00:00:00 2001 From: Cotes Chung <11371340+cotes2020@users.noreply.github.com> Date: Fri, 21 Feb 2020 05:23:43 +0800 Subject: [PATCH] Footer responsive improvement. --- assets/css/main.scss | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/assets/css/main.scss b/assets/css/main.scss index 0e0e180..65547f7 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -487,7 +487,7 @@ footer { footer>div.d-flex { line-height: 1.2rem; width: 95%; - max-width: 1035px; + max-width: 1045px; border-top: 1px solid var(--footer-border, #f3f3f3); margin-bottom: 1rem; } @@ -964,7 +964,8 @@ table tbody td { footer>div.d-flex { width: 90%; - padding: 1.5rem; + padding: 1.5rem 0; + margin-bottom: .3rem; flex-wrap: wrap; justify-content: left!important; -ms-flex-pack: distribute!important; @@ -1257,6 +1258,10 @@ table tbody td { right: 24.3%; } + footer>div.d-felx { + width: 85%; + } + } @media all and (min-width: 1400px) { @@ -1437,9 +1442,9 @@ table tbody td { } } // #sidebar .sidebar-bottom - footer>div.d-flex { - max-width: 1150px; + width: 87%; + max-width: 1140px; } #search-result-wrapper { @@ -1467,6 +1472,7 @@ table tbody td { } footer { + padding-left: 0; padding-right: calc(100% - 350px - 1180px); }