From e2c37b81e4082babd680e565156c713e95bf7b59 Mon Sep 17 00:00:00 2001 From: Neil Dewhurst Date: Tue, 22 Oct 2024 19:06:53 +0100 Subject: [PATCH 1/6] tweak icon and list spacing --- src/css/docs-ndl.css | 39 ++++++++++++++++++--------------------- 1 file changed, 18 insertions(+), 21 deletions(-) diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css index 7acd2c8f..36c3c756 100644 --- a/src/css/docs-ndl.css +++ b/src/css/docs-ndl.css @@ -207,8 +207,14 @@ body.docs-ndl .widget .sectionbody { border-radius: 1rem; border: none; padding: 1rem; + column-gap: 0; row-gap: 0; - column-gap: 2rem; + justify-content: center; + align-content: center; +} + +body.docs-ndl .widget.lists .sectionbody { + justify-content: space-between; } body.docs-ndl .widget.banner .sectionbody { @@ -498,25 +504,20 @@ body.docs-ndl .banner .button { /* highlights */ -body.docs-ndl .highlights .sectionbody > div.openblock { - flex: 1 1 40%; -} - -body.docs-ndl .highlights .sectionbody > div.icon { - flex: 0 1 52%; - padding-top: 1rem; - padding-bottom: 1rem; - padding-left: 4rem; - padding-right: 5.438rem; +body.docs-ndl .highlights .sectionbody > div { + flex: 0 1 50%; + justify-content: center; align-self: center; + padding: 1rem; } body.docs-ndl .highlights .sectionbody > div.icon span.image { display: flex; } -body.docs-ndl .highlights .list { - padding-left: 1rem; +body.docs-ndl .highlights .list, +body.docs-ndl .highlights .caption { + padding-left: 0; } body.docs-ndl .highlights .list ul li { @@ -719,19 +720,15 @@ body.docs-ndl .cards .icon span { display: flex; } -body.docs-ndl .widget.highlights .icon { - padding: 2rem; -} - /* For the 1st, 3rd etc highlights, move the image to the right */ -body.docs-ndl .widget.highlights:nth-of-type(odd) .icon { +body.docs-ndl .widget.highlights:nth-of-type(even) .icon { order: 1; } /* We can use this rule to apply styles to the 2nd, 4th highlights etc widget */ -body.docs-ndl .widget.highlights:nth-of-type(even) .openblock { - /* margin-right:40px; */ -} +/* body.docs-ndl .widget.highlights:nth-of-type(even) .openblock { + margin-right:40px; +} */ /* For the bottom cards */ body.docs-ndl .cards:nth-last-child(-n+2) .sectionbody { From c0090cdecfb119b285357851ef25c5c0e554376f Mon Sep 17 00:00:00 2001 From: Neil Dewhurst Date: Tue, 22 Oct 2024 19:26:01 +0100 Subject: [PATCH 2/6] Add class for two-column cards --- preview-src/docs-ndl.adoc | 2 +- src/css/docs-ndl.css | 7 ++++--- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/preview-src/docs-ndl.adoc b/preview-src/docs-ndl.adoc index 86a1699b..34368f0f 100644 --- a/preview-src/docs-ndl.adoc +++ b/preview-src/docs-ndl.adoc @@ -199,7 +199,7 @@ xref:tutorials:index.adoc[All tutorials] -- -[.cards.icon-s.align-center] +[.cards.icon-s.align-center.two-column] == Other resources === Join forums and discussions diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css index 36c3c756..ecc44508 100644 --- a/src/css/docs-ndl.css +++ b/src/css/docs-ndl.css @@ -731,8 +731,8 @@ body.docs-ndl .widget.highlights:nth-of-type(even) .icon { } */ /* For the bottom cards */ -body.docs-ndl .cards:nth-last-child(-n+2) .sectionbody { - flex: 0 0 152%; +body.docs-ndl .cards.two-column .sectionbody > div.sect2 { + flex: 0 0 49%; } body.docs-ndl body.docs-ndl .cards .sect2 .icon img { @@ -950,7 +950,8 @@ body.docs-ndl .cards .sect2 .ulist ul li { text-align: left; } - body.docs-ndl .cards .sectionbody > div.sect2 { + body.docs-ndl .cards .sectionbody > div.sect2, + body.docs-ndl .cards.two-column .sectionbody > div.sect2 { /* min-width: 90%; */ flex: 1 1 100%; } From cd36f07773019c8986767536b879b00882171a73 Mon Sep 17 00:00:00 2001 From: Neil Dewhurst Date: Thu, 24 Oct 2024 16:10:55 +0100 Subject: [PATCH 3/6] Revert "Add class for two-column cards" This reverts commit c0090cdecfb119b285357851ef25c5c0e554376f. --- preview-src/docs-ndl.adoc | 2 +- src/css/docs-ndl.css | 7 +++---- 2 files changed, 4 insertions(+), 5 deletions(-) diff --git a/preview-src/docs-ndl.adoc b/preview-src/docs-ndl.adoc index 34368f0f..86a1699b 100644 --- a/preview-src/docs-ndl.adoc +++ b/preview-src/docs-ndl.adoc @@ -199,7 +199,7 @@ xref:tutorials:index.adoc[All tutorials] -- -[.cards.icon-s.align-center.two-column] +[.cards.icon-s.align-center] == Other resources === Join forums and discussions diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css index ecc44508..36c3c756 100644 --- a/src/css/docs-ndl.css +++ b/src/css/docs-ndl.css @@ -731,8 +731,8 @@ body.docs-ndl .widget.highlights:nth-of-type(even) .icon { } */ /* For the bottom cards */ -body.docs-ndl .cards.two-column .sectionbody > div.sect2 { - flex: 0 0 49%; +body.docs-ndl .cards:nth-last-child(-n+2) .sectionbody { + flex: 0 0 152%; } body.docs-ndl body.docs-ndl .cards .sect2 .icon img { @@ -950,8 +950,7 @@ body.docs-ndl .cards .sect2 .ulist ul li { text-align: left; } - body.docs-ndl .cards .sectionbody > div.sect2, - body.docs-ndl .cards.two-column .sectionbody > div.sect2 { + body.docs-ndl .cards .sectionbody > div.sect2 { /* min-width: 90%; */ flex: 1 1 100%; } From 75b90510f0d157b580f3bd3a83899f49e94a4220 Mon Sep 17 00:00:00 2001 From: Neil Dewhurst Date: Mon, 28 Oct 2024 12:36:25 +0000 Subject: [PATCH 4/6] revert to odd after review --- src/css/docs-ndl.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css index 36c3c756..7505fc59 100644 --- a/src/css/docs-ndl.css +++ b/src/css/docs-ndl.css @@ -721,7 +721,7 @@ body.docs-ndl .cards .icon span { } /* For the 1st, 3rd etc highlights, move the image to the right */ -body.docs-ndl .widget.highlights:nth-of-type(even) .icon { +body.docs-ndl .widget.highlights:nth-of-type(odd) .icon { order: 1; } From 22de428a0f69dd57554693a6bcda7e667fd3adb6 Mon Sep 17 00:00:00 2001 From: Neil Dewhurst Date: Mon, 28 Oct 2024 12:44:34 +0000 Subject: [PATCH 5/6] Apply comments --- src/css/docs-ndl.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css index 7505fc59..94156f91 100644 --- a/src/css/docs-ndl.css +++ b/src/css/docs-ndl.css @@ -508,11 +508,12 @@ body.docs-ndl .highlights .sectionbody > div { flex: 0 1 50%; justify-content: center; align-self: center; - padding: 1rem; + padding: 1rem 2rem 1rem; } body.docs-ndl .highlights .sectionbody > div.icon span.image { display: flex; + justify-content: center; } body.docs-ndl .highlights .list, @@ -685,7 +686,7 @@ body.docs-ndl .cards .sect2 a > div { body.docs-ndl .highlights .sectionbody > div, body.docs-ndl .sect2 a > div, body.docs-ndl .sect2 a > h3 { - display: flex; + display: flow; } body.docs-ndl .cards .sect2 .icon, From 45e2524469d4a91e59bcd101cc4e7440474d764a Mon Sep 17 00:00:00 2001 From: Neil Dewhurst Date: Mon, 28 Oct 2024 12:44:45 +0000 Subject: [PATCH 6/6] linted --- src/css/docs-ndl.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css index 94156f91..8cf3915e 100644 --- a/src/css/docs-ndl.css +++ b/src/css/docs-ndl.css @@ -508,7 +508,7 @@ body.docs-ndl .highlights .sectionbody > div { flex: 0 1 50%; justify-content: center; align-self: center; - padding: 1rem 2rem 1rem; + padding: 1rem 2rem 1rem; } body.docs-ndl .highlights .sectionbody > div.icon span.image {