From e66ce3258be8ca5e552dcbf16a327db05e8b44ae Mon Sep 17 00:00:00 2001 From: Mehdi Nassim KHODJA <18899702+naskio@users.noreply.github.com> Date: Mon, 18 Dec 2023 12:17:15 +0100 Subject: [PATCH 1/4] index page : Improve responsiveness of Ready to get Started section --- Site/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Site/index.html b/Site/index.html index 63dfb269d..71d0b8e8a 100644 --- a/Site/index.html +++ b/Site/index.html @@ -298,7 +298,7 @@
All {{ site.name | default: 'the' }} docs are open source. See something that's wrong or unclear? Submit a pull request.
diff --git a/Site/_sass/extras-styles.scss b/Site/_sass/extras-styles.scss index a5c917245..f567f2d30 100644 --- a/Site/_sass/extras-styles.scss +++ b/Site/_sass/extras-styles.scss @@ -334,11 +334,8 @@ } .contribution { - margin-top: 60px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1); - width: 50%; - padding: 50px 30px; - border-radius: 6px; + border-radius: 8px; } .wiki a.btn { From 319bd1698e0d89b87e3008fbe5c1beae8c5d49b8 Mon Sep 17 00:00:00 2001 From: Mehdi Nassim KHODJA <18899702+naskio@users.noreply.github.com> Date: Mon, 18 Dec 2023 17:29:29 +0100 Subject: [PATCH 3/4] Docs layout: more space for content + don't move content when sidebar open --- Site/_sass/extras-styles.scss | 12 +++++++++--- Site/assets/css/doc.scss | 10 ++++++---- 2 files changed, 15 insertions(+), 7 deletions(-) diff --git a/Site/_sass/extras-styles.scss b/Site/_sass/extras-styles.scss index f567f2d30..c0b6577ac 100644 --- a/Site/_sass/extras-styles.scss +++ b/Site/_sass/extras-styles.scss @@ -298,15 +298,21 @@ } #wiki-main { - margin-left: 325px; - padding: 32px 50px 130px 50px; + padding: 16px; min-height: 92vh; } -#wiki-main.sidebar-collapsed { +#wiki-main, #wiki-main.sidebar-collapsed { margin-left: 70px; } +@media (min-width: 576px) { + #wiki-main { + padding: 32px 50px 130px 50px; + margin-left: 325px; + } +} + #wiki-main.sidebar-animated { @include sidebar-collapse-transition(margin-left); } diff --git a/Site/assets/css/doc.scss b/Site/assets/css/doc.scss index 955349051..00f50a709 100644 --- a/Site/assets/css/doc.scss +++ b/Site/assets/css/doc.scss @@ -7,12 +7,14 @@ @import 'override-colors'; @import 'sidebar-collapse'; -#breadcrumbs .container { - margin-left: 340px; +#breadcrumbs .container, #breadcrumbs .container.sidebar-collapsed { + margin-left: 85px; } -#breadcrumbs .container.sidebar-collapsed { - margin-left: 85px; +@media (min-width: 576px) { + #breadcrumbs .container { + margin-left: 340px; + } } #breadcrumbs .container.sidebar-animated { From 0be4ad068cf470555f8a0f4b059932f254e6f4dd Mon Sep 17 00:00:00 2001 From: Mehdi Nassim KHODJA <18899702+naskio@users.noreply.github.com> Date: Mon, 18 Dec 2023 17:31:09 +0100 Subject: [PATCH 4/4] Docs layout: footer over sidebar when collapsed --- Site/_sass/extras-styles.scss | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/Site/_sass/extras-styles.scss b/Site/_sass/extras-styles.scss index c0b6577ac..a0478aa23 100644 --- a/Site/_sass/extras-styles.scss +++ b/Site/_sass/extras-styles.scss @@ -123,7 +123,7 @@ } .features-body > tr:nth-child(even) { - background-color: #00000004; + background-color: #00000004; } .features-body-col { @@ -255,13 +255,14 @@ overflow-y: scroll; height: calc(100vh - 100px); background: #002C5A; - z-index: 200; + z-index: 301; padding: 0; } #sidebar.sidebar-collapsed { - transform: translateX(calc(-75% - 12px)); // calculated from column ratios (9/12) and padding on sidebar header - overflow: hidden; // disable scrolling + transform: translateX(calc(-75% - 12px)); // calculated from column ratios (9/12) and padding on sidebar header + z-index: 299; + overflow: hidden; // disable scrolling } #sidebar.sidebar-animated { @@ -377,9 +378,8 @@ margin-right: 4px; } -.wiki #footer { +#footer { z-index: 300; - position: relative; } /***** DOC LAYOUT *****/