From c159e2fc5a83d768c1afc574aee66c877065a42b Mon Sep 17 00:00:00 2001 From: jinhojang6 Date: Wed, 31 May 2023 19:10:48 +0900 Subject: [PATCH 1/3] update mobile footer css --- .../src/client/css/custom.scss | 29 ++++++++++++++++++- 1 file changed, 28 insertions(+), 1 deletion(-) diff --git a/packages/logos-docusaurus-theme/src/client/css/custom.scss b/packages/logos-docusaurus-theme/src/client/css/custom.scss index 3688a70..0c8279c 100644 --- a/packages/logos-docusaurus-theme/src/client/css/custom.scss +++ b/packages/logos-docusaurus-theme/src/client/css/custom.scss @@ -572,6 +572,14 @@ div.w-10 > a:not(:last-child) { display: none; } +.footer__link-item { + display: inline-block; +} + +.footer__item { + white-space: nowrap; +} + @include utils.responsive('lg', 'down') { .grid { grid-template-columns: repeat(2, 1fr); @@ -589,7 +597,6 @@ div.w-10 > a:not(:last-child) { } .footer { - margin-left: -16px; padding: 24px 16px; } @@ -623,6 +630,25 @@ div.w-10 > a:not(:last-child) { .markdown h4 { --ifm-h4-font-size: 1.25rem !important; } + + .footer { + > div { + display: flex !important; + flex-direction: column-reverse; + gap: 72px !important; + } + } + + .footer__links { + display: flex !important; + flex-direction: column !important; + gap: 24px !important; + } + + .col.footer__col { + margin-bottom: 0 !important; + padding-inline: 0 !important; + } } .main-wrapper { @@ -709,6 +735,7 @@ div.w-10 > a:not(:last-child) { display: flex; flex-direction: row; gap: 0.5rem; + flex-wrap: wrap; } .footer__item { From 54547f55f3de58067b5efe67594a8a1e0e502fa0 Mon Sep 17 00:00:00 2001 From: jinhojang6 Date: Wed, 31 May 2023 19:27:08 +0900 Subject: [PATCH 2/3] update nav css --- .../src/client/css/custom.scss | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/packages/logos-docusaurus-theme/src/client/css/custom.scss b/packages/logos-docusaurus-theme/src/client/css/custom.scss index 0c8279c..4258d8e 100644 --- a/packages/logos-docusaurus-theme/src/client/css/custom.scss +++ b/packages/logos-docusaurus-theme/src/client/css/custom.scss @@ -649,10 +649,22 @@ div.w-10 > a:not(:last-child) { margin-bottom: 0 !important; padding-inline: 0 !important; } + + .navbar__inner { + padding-inline: 0 !important; + } + + .navbar__left { + display: flex; + } + + .navbar__left-items { + display: none; + } } .main-wrapper { - padding: 0 var(--content-padding); + padding: 0; & > div { display: grid; @@ -778,7 +790,12 @@ div.w-10 > a:not(:last-child) { margin: 0 !important; } +.navbar { + padding: 12px 0; +} + .navbar__inner { + flex-direction: row; padding: 0 var(--content-padding); } From 1b4c17557bb5b58c4c82eefb8198e1d774e84e1a Mon Sep 17 00:00:00 2001 From: jinhojang6 Date: Wed, 31 May 2023 19:33:31 +0900 Subject: [PATCH 3/3] fix collapse css --- packages/logos-docusaurus-theme/src/client/css/custom.scss | 4 ++++ .../src/client/theme/MDXComponents/style.module.scss | 4 ---- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/logos-docusaurus-theme/src/client/css/custom.scss b/packages/logos-docusaurus-theme/src/client/css/custom.scss index 4258d8e..a6f222c 100644 --- a/packages/logos-docusaurus-theme/src/client/css/custom.scss +++ b/packages/logos-docusaurus-theme/src/client/css/custom.scss @@ -580,6 +580,10 @@ div.w-10 > a:not(:last-child) { white-space: nowrap; } +.lsd-collapse__content { + padding: 24px; +} + @include utils.responsive('lg', 'down') { .grid { grid-template-columns: repeat(2, 1fr); diff --git a/packages/logos-docusaurus-theme/src/client/theme/MDXComponents/style.module.scss b/packages/logos-docusaurus-theme/src/client/theme/MDXComponents/style.module.scss index fea56a3..e754989 100644 --- a/packages/logos-docusaurus-theme/src/client/theme/MDXComponents/style.module.scss +++ b/packages/logos-docusaurus-theme/src/client/theme/MDXComponents/style.module.scss @@ -1,7 +1,3 @@ .collapse button { width: 100% !important; } - -.collapse > div:last-child { - padding: 24px; -}