From 03b778d6c2da372a84d968d76aa5a2ab2913d560 Mon Sep 17 00:00:00 2001 From: Brian Krane Date: Thu, 14 Nov 2024 08:29:46 -0500 Subject: [PATCH 1/6] Removed additional "pointer-events" that wasn't allowing to click link/button on popup modal. Spreadsheet #44. --- src/resources/postcss/help-hub-iframe.pcss | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/resources/postcss/help-hub-iframe.pcss b/src/resources/postcss/help-hub-iframe.pcss index 42153c6015..0a8bc5a205 100644 --- a/src/resources/postcss/help-hub-iframe.pcss +++ b/src/resources/postcss/help-hub-iframe.pcss @@ -25,7 +25,6 @@ body { display: flex; height: 100vh; justify-content: center; - pointer-events: none; } .blackout::before { @@ -78,7 +77,6 @@ body[data-opted-in="0"] .docsbot-widget-background { content: ''; height: 100%; left: 0; - pointer-events: none; position: absolute; top: 0; width: 100%; From 1591641ac7cad6ef0c090c41b593f88f12ce035c Mon Sep 17 00:00:00 2001 From: Brian Krane Date: Thu, 14 Nov 2024 09:51:08 -0500 Subject: [PATCH 2/6] FAQ accordion - add extra padding and bottom border when opened. Spreadsheet #29. --- src/resources/js/admin/help-page.js | 1 + src/resources/postcss/help-hub.pcss | 19 +++++++++++++++++++ 2 files changed, 20 insertions(+) diff --git a/src/resources/js/admin/help-page.js b/src/resources/js/admin/help-page.js index 88e5bf817a..a073735008 100644 --- a/src/resources/js/admin/help-page.js +++ b/src/resources/js/admin/help-page.js @@ -109,6 +109,7 @@ tribe.helpPage = tribe.helpPage || {}; { active: true, collapsible: true, + heightStyle: "content", icons: { "header": "ui-icon-plus", "activeHeader": "ui-icon-minus" } } ); diff --git a/src/resources/postcss/help-hub.pcss b/src/resources/postcss/help-hub.pcss index 30552508ce..6dc2be2924 100644 --- a/src/resources/postcss/help-hub.pcss +++ b/src/resources/postcss/help-hub.pcss @@ -93,8 +93,27 @@ ul.tec-help-list__list-expanded { border-top: 0; overflow: auto; padding: var(--tec-spacer-1) var(--tec-spacer-3) 0 0; + border-bottom: 1px solid var(--tec-admin-core-grey-10); +} + +.tribe_events_page_tec-events-settings .ui-accordion .ui-accordion-content p { + margin-top: 1em; + margin-bottom: 1em; } +.ui-accordion .ui-accordion-header:last-of-type.ui-state-active.ui-accordion-header-active { + border-bottom: 1px solid var(--tec-admin-core-grey-10); +} + +.ui-accordion .ui-accordion-content:last-of-type.ui-accordion-content-active { + border-bottom: 1px solid var(--tec-admin-core-grey-10); +} + +.ui-accordion-header-active{ + border-bottom: 1px solid var(--tec-admin-core-grey-10); +} + + .ui-state-active .ui-icon { background-image: url(../images/icons/caret-down.svg); } From 249b3c0013b03ea81cbecb34d0f580d52260317f Mon Sep 17 00:00:00 2001 From: Brian Krane Date: Thu, 14 Nov 2024 09:59:19 -0500 Subject: [PATCH 3/6] Section title should appear on mobile. Spreadsheet #11. --- src/resources/postcss/help-hub.pcss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/resources/postcss/help-hub.pcss b/src/resources/postcss/help-hub.pcss index 6dc2be2924..68f0bd804b 100644 --- a/src/resources/postcss/help-hub.pcss +++ b/src/resources/postcss/help-hub.pcss @@ -187,6 +187,9 @@ ul.tec-help-list__list-expanded { padding-right: 0; } +.tribe_events_page_tec-events-settings .tec-settings-form .tec-settings-form__header-block:first-child .tec-settings-form__section-header { + display: block; +} @media (--viewport-xsmall) { .tec-tab-container { padding: var(--tec-spacer-7); From 66f97ccb6820c649c9ca1240eda0fe50d6a4b2a1 Mon Sep 17 00:00:00 2001 From: Brian Krane Date: Thu, 14 Nov 2024 11:20:13 -0500 Subject: [PATCH 4/6] Fixed spacing in Resource content areas. Spreadsheet #23. --- src/resources/postcss/help-hub.pcss | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/src/resources/postcss/help-hub.pcss b/src/resources/postcss/help-hub.pcss index 68f0bd804b..0cdd14f0ee 100644 --- a/src/resources/postcss/help-hub.pcss +++ b/src/resources/postcss/help-hub.pcss @@ -109,7 +109,7 @@ ul.tec-help-list__list-expanded { border-bottom: 1px solid var(--tec-admin-core-grey-10); } -.ui-accordion-header-active{ +.ui-accordion-header-active { border-bottom: 1px solid var(--tec-admin-core-grey-10); } @@ -190,6 +190,7 @@ ul.tec-help-list__list-expanded { .tribe_events_page_tec-events-settings .tec-settings-form .tec-settings-form__header-block:first-child .tec-settings-form__section-header { display: block; } + @media (--viewport-xsmall) { .tec-tab-container { padding: var(--tec-spacer-7); @@ -239,6 +240,14 @@ ul.tec-help-list__list-expanded { } @media (--viewport-xlarge) { + .tribe_events_page_tec-events-settings #tec-settings-form .tec-settings-form__header-block, .tribe_events_page_tec-events-settings .tec-settings-form .tec-settings-form__header-block { + margin: var(--tec-spacer-0) var(--tec-spacer-1); + } + + .tribe_events_page_tec-events-settings #tec-settings-form .tec-settings-form__header-block, .tribe_events_page_tec-events-settings .tec-settings-form .tec-settings-form__header-block--horizontal { + margin: initial; + } + .tribe_events_page_tec-events-settings .tec-settings-form .tec-settings-form__content-section .tec-settings-form__header-block { padding-right: 0; } From 701d3b85b00fd7ed89d9380cc4330b0b24f0fd2c Mon Sep 17 00:00:00 2001 From: Brian Krane Date: Thu, 14 Nov 2024 11:42:50 -0500 Subject: [PATCH 5/6] Fixed spacing in Resource content areas. Spreadsheet #23. --- src/resources/postcss/help-hub.pcss | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/src/resources/postcss/help-hub.pcss b/src/resources/postcss/help-hub.pcss index 0cdd14f0ee..36e19ed837 100644 --- a/src/resources/postcss/help-hub.pcss +++ b/src/resources/postcss/help-hub.pcss @@ -237,21 +237,22 @@ ul.tec-help-list__list-expanded { .tribe_events_page_tec-events-settings .tec-settings-form .tec-settings-form__header-block { padding-right: var(--tec-spacer-7); } + + .tribe_events_page_tec-events-settings .tec-settings-form > .tec-settings-form__content-section { + column-gap: 40px; + } } @media (--viewport-xlarge) { .tribe_events_page_tec-events-settings #tec-settings-form .tec-settings-form__header-block, .tribe_events_page_tec-events-settings .tec-settings-form .tec-settings-form__header-block { - margin: var(--tec-spacer-0) var(--tec-spacer-1); + padding: var(--tec-spacer-0) var(--tec-spacer-1); + margin: 0; } .tribe_events_page_tec-events-settings #tec-settings-form .tec-settings-form__header-block, .tribe_events_page_tec-events-settings .tec-settings-form .tec-settings-form__header-block--horizontal { margin: initial; } - .tribe_events_page_tec-events-settings .tec-settings-form .tec-settings-form__content-section .tec-settings-form__header-block { - padding-right: 0; - } - .tribe_events_page_tec-events-settings .tec-settings-form .tec-settings-infobox { display: grid; margin-left: calc(var(--tec-spacer-3) * -1); From 3172e4e059049093f97b10bc0e366563d78786ce Mon Sep 17 00:00:00 2001 From: Brian Krane Date: Thu, 14 Nov 2024 12:13:41 -0500 Subject: [PATCH 6/6] Grouped similar CSS. --- src/resources/postcss/help-hub.pcss | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/src/resources/postcss/help-hub.pcss b/src/resources/postcss/help-hub.pcss index 36e19ed837..6069c74b02 100644 --- a/src/resources/postcss/help-hub.pcss +++ b/src/resources/postcss/help-hub.pcss @@ -105,15 +105,10 @@ ul.tec-help-list__list-expanded { border-bottom: 1px solid var(--tec-admin-core-grey-10); } -.ui-accordion .ui-accordion-content:last-of-type.ui-accordion-content-active { +.ui-accordion .ui-accordion-content:last-of-type.ui-accordion-content-active, .ui-accordion-header-active { border-bottom: 1px solid var(--tec-admin-core-grey-10); } -.ui-accordion-header-active { - border-bottom: 1px solid var(--tec-admin-core-grey-10); -} - - .ui-state-active .ui-icon { background-image: url(../images/icons/caret-down.svg); }