From b908f30862da58d29a3cca869edd6e85b6ffd5ff Mon Sep 17 00:00:00 2001 From: Olivier Buisard Date: Thu, 18 Jul 2024 19:11:01 -0400 Subject: [PATCH 01/14] Add sizes to the shepherd element --- .../plg_system_guidedtours/scss/guidedtours.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss index f2e81133874c..e20916ef57e2 100644 --- a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss +++ b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss @@ -5,6 +5,15 @@ @import "../../../../node_modules/shepherd.js/dist/css/shepherd"; +.shepherd-element { + max-width: min(600px, 90%); + width: max-content; +} + +.shepherd-element.shepherd-centered { + max-width: min(1200px, 90%); +} + .shepherd-content { border: 1px solid var(--border-color-translucent); border-radius: .3rem; From 3a992431e71e6ea1a14357262f5a98199a33d43b Mon Sep 17 00:00:00 2001 From: Olivier Buisard Date: Thu, 18 Jul 2024 19:48:40 -0400 Subject: [PATCH 02/14] Changed the order of the properties. --- build/media_source/plg_system_guidedtours/scss/guidedtours.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss index e20916ef57e2..a553b147fcf4 100644 --- a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss +++ b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss @@ -6,8 +6,8 @@ @import "../../../../node_modules/shepherd.js/dist/css/shepherd"; .shepherd-element { - max-width: min(600px, 90%); width: max-content; + max-width: min(600px, 90%); } .shepherd-element.shepherd-centered { From 4d7d661123252477ce6944abcb90063e0fe4c2a0 Mon Sep 17 00:00:00 2001 From: Olivier Buisard Date: Sat, 20 Jul 2024 18:28:20 -0400 Subject: [PATCH 03/14] Update guidedtours.scss Added fix for the popup height in case the content gets taller than the viewport --- .../plg_system_guidedtours/scss/guidedtours.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss index a553b147fcf4..f5f2d8a79b08 100644 --- a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss +++ b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss @@ -35,13 +35,16 @@ } .shepherd-text { - padding: 1em; + max-height: calc(100vh - 240px); + padding-bottom: 0; line-height: 1.5em; + overflow-y: auto; } .shepherd-footer { display: grid; grid-template-columns: repeat(3, 1fr); + padding: .75rem; } .shepherd-button-primary { From ed67f8dcb9357aa1d965db315a825ce82332e33e Mon Sep 17 00:00:00 2001 From: Olivier Buisard Date: Sat, 20 Jul 2024 18:39:52 -0400 Subject: [PATCH 04/14] Changed property order --- build/media_source/plg_system_guidedtours/scss/guidedtours.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss index f5f2d8a79b08..8913807993c4 100644 --- a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss +++ b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss @@ -37,8 +37,8 @@ .shepherd-text { max-height: calc(100vh - 240px); padding-bottom: 0; - line-height: 1.5em; overflow-y: auto; + line-height: 1.5em; } .shepherd-footer { From 18a16b1fba1b16a9a10391159c31ff9cfd761824 Mon Sep 17 00:00:00 2001 From: Olivier Buisard Date: Sun, 21 Jul 2024 21:15:06 -0400 Subject: [PATCH 05/14] Update guidedtours.scss Correct padding for text --- build/media_source/plg_system_guidedtours/scss/guidedtours.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss index 8913807993c4..2a06e92b337f 100644 --- a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss +++ b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss @@ -36,7 +36,7 @@ .shepherd-text { max-height: calc(100vh - 240px); - padding-bottom: 0; + padding: 1em 1em 0 1em; overflow-y: auto; line-height: 1.5em; } From bb8332e209fc8eaff1faca045a7c124a096fb7d1 Mon Sep 17 00:00:00 2001 From: Olivier Buisard Date: Sun, 21 Jul 2024 21:17:56 -0400 Subject: [PATCH 06/14] Corrections padding footer --- .../media_source/plg_system_guidedtours/scss/guidedtours.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss index 2a06e92b337f..9b2e8e281b07 100644 --- a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss +++ b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss @@ -36,7 +36,7 @@ .shepherd-text { max-height: calc(100vh - 240px); - padding: 1em 1em 0 1em; + padding: 1rem 1rem 0 1rem; overflow-y: auto; line-height: 1.5em; } @@ -44,7 +44,7 @@ .shepherd-footer { display: grid; grid-template-columns: repeat(3, 1fr); - padding: .75rem; + padding: 1rem; } .shepherd-button-primary { From 53cfffe7b8dc260ef14aaa05bdc95ddb6fc2c5df Mon Sep 17 00:00:00 2001 From: Olivier Buisard Date: Sun, 21 Jul 2024 21:32:58 -0400 Subject: [PATCH 07/14] Use shorthand --- build/media_source/plg_system_guidedtours/scss/guidedtours.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss index 9b2e8e281b07..65ca30f4d99a 100644 --- a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss +++ b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss @@ -36,7 +36,7 @@ .shepherd-text { max-height: calc(100vh - 240px); - padding: 1rem 1rem 0 1rem; + padding: 1rem 1rem 0; overflow-y: auto; line-height: 1.5em; } From 5e0d2789eb4159dd85077bccfb1da386015c7126 Mon Sep 17 00:00:00 2001 From: Olivier Buisard Date: Sun, 21 Jul 2024 21:34:17 -0400 Subject: [PATCH 08/14] Removed footer padding --- build/media_source/plg_system_guidedtours/scss/guidedtours.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss index 65ca30f4d99a..b2510daa9814 100644 --- a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss +++ b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss @@ -44,7 +44,7 @@ .shepherd-footer { display: grid; grid-template-columns: repeat(3, 1fr); - padding: 1rem; + padding: .75rem; } .shepherd-button-primary { From 7cc6eefe79519652e3a6f87932e6bd3567d79c99 Mon Sep 17 00:00:00 2001 From: Olivier Buisard Date: Sun, 21 Jul 2024 21:35:26 -0400 Subject: [PATCH 09/14] Removed footer padding --- build/media_source/plg_system_guidedtours/scss/guidedtours.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss index b2510daa9814..f210d37d3f2d 100644 --- a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss +++ b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss @@ -44,7 +44,6 @@ .shepherd-footer { display: grid; grid-template-columns: repeat(3, 1fr); - padding: .75rem; } .shepherd-button-primary { From 0fae0067b8071942bd829e2cccaefde246b5b7a3 Mon Sep 17 00:00:00 2001 From: Olivier Buisard Date: Mon, 22 Jul 2024 10:55:15 -0400 Subject: [PATCH 10/14] Added footer padding again to accommodate this PR, although added to PR #43809 --- build/media_source/plg_system_guidedtours/scss/guidedtours.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss index f210d37d3f2d..65ca30f4d99a 100644 --- a/build/media_source/plg_system_guidedtours/scss/guidedtours.scss +++ b/build/media_source/plg_system_guidedtours/scss/guidedtours.scss @@ -44,6 +44,7 @@ .shepherd-footer { display: grid; grid-template-columns: repeat(3, 1fr); + padding: 1rem; } .shepherd-button-primary { From d242e8a0fc8cbf369bc8b5c4a2993a36488056a0 Mon Sep 17 00:00:00 2001 From: Olivier Buisard Date: Mon, 22 Jul 2024 14:33:26 -0400 Subject: [PATCH 11/14] Update guidedtours.joomla_welcome.ini Improve the layout of the intro. --- administrator/language/en-GB/guidedtours.joomla_welcome.ini | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/administrator/language/en-GB/guidedtours.joomla_welcome.ini b/administrator/language/en-GB/guidedtours.joomla_welcome.ini index 812312a3c955..79c5a17fe393 100644 --- a/administrator/language/en-GB/guidedtours.joomla_welcome.ini +++ b/administrator/language/en-GB/guidedtours.joomla_welcome.ini @@ -4,4 +4,4 @@ ; Note : All ini files need to be saved as UTF-8 COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_TITLE="Welcome to Joomla!" -COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_DESCRIPTION="

This tour will give you a quick overview of how to get started with Joomla!

You are in the Joomla Administrator area, also known as the "Backend". This is where you set up and manage your entire Joomla Site.

Want to learn more?

Let's start the tour and build your site with the power of Joomla!

" +COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_DESCRIPTION="

This tour will give you a quick overview of how to get started with Joomla!

You are in the Joomla Administrator area, also known as the "Backend".
This is where you set up and manage your entire Joomla Site.

Want to learn more?

Let's start the tour and build your site with the power of Joomla!

" From 479d165521c6b22d80f9b915b426e81b07203143 Mon Sep 17 00:00:00 2001 From: Olivier Buisard Date: Mon, 22 Jul 2024 14:35:23 -0400 Subject: [PATCH 12/14] Update guidedtours.joomla_welcome_steps.ini Improve the layout of the dashboard panel step --- .../language/en-GB/guidedtours.joomla_welcome_steps.ini | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/administrator/language/en-GB/guidedtours.joomla_welcome_steps.ini b/administrator/language/en-GB/guidedtours.joomla_welcome_steps.ini index a5b805c2ead6..3bedf30095d7 100644 --- a/administrator/language/en-GB/guidedtours.joomla_welcome_steps.ini +++ b/administrator/language/en-GB/guidedtours.joomla_welcome_steps.ini @@ -7,7 +7,7 @@ COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_STEP_MENUS_TITLE="The Menu" COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_STEP_MENUS_DESCRIPTION="

The menu provides access to the Administrator management pages. Each section has a collection of pages for managing that particular aspect of Joomla, such as Content, Menus and Users.

The window pane icons link to individual dashboards for those sections. The System menu itself leads to a dashboard.

" COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_STEP_QUICKACCESS_TITLE="The Dashboard Panels" -COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_STEP_QUICKACCESS_DESCRIPTION="

Dashboards provide quick access to frequently used pages via their icons.

Each dashboard panel is an Administrator module that can be customised via its Settings icon . This allows you to configure your site dashboards to suit your own purposes.

" +COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_STEP_QUICKACCESS_DESCRIPTION="

Dashboards provide quick access to frequently used pages via their icons.

Each dashboard panel is an Administrator module that can be customised via its Settings icon .
This allows you to configure your site dashboards to suit your own purposes.

" COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_STEP_NOTIFICATIONS_TITLE="The Notifications Panel" COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_STEP_NOTIFICATIONS_DESCRIPTION="

The Notifications panel shows when updates are available for Joomla and other extensions. Outstanding Privacy Requests are also shown here.

" From f93e97719f9c18f89ce4111e27d22ea90d80b63e Mon Sep 17 00:00:00 2001 From: Olivier Buisard Date: Mon, 29 Jul 2024 16:22:02 -0400 Subject: [PATCH 13/14] use
rather than
--- administrator/language/en-GB/guidedtours.joomla_welcome.ini | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/administrator/language/en-GB/guidedtours.joomla_welcome.ini b/administrator/language/en-GB/guidedtours.joomla_welcome.ini index 79c5a17fe393..7b17609ae08c 100644 --- a/administrator/language/en-GB/guidedtours.joomla_welcome.ini +++ b/administrator/language/en-GB/guidedtours.joomla_welcome.ini @@ -4,4 +4,4 @@ ; Note : All ini files need to be saved as UTF-8 COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_TITLE="Welcome to Joomla!" -COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_DESCRIPTION="

This tour will give you a quick overview of how to get started with Joomla!

You are in the Joomla Administrator area, also known as the "Backend".
This is where you set up and manage your entire Joomla Site.

Want to learn more?

Let's start the tour and build your site with the power of Joomla!

" +COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_DESCRIPTION="

This tour will give you a quick overview of how to get started with Joomla!

You are in the Joomla Administrator area, also known as the "Backend".
This is where you set up and manage your entire Joomla Site.

Want to learn more?

Let's start the tour and build your site with the power of Joomla!

" From 49065578d59c1392172ba69ec0619246ac734ddb Mon Sep 17 00:00:00 2001 From: Olivier Buisard Date: Mon, 29 Jul 2024 16:22:27 -0400 Subject: [PATCH 14/14] use
rather than
--- .../language/en-GB/guidedtours.joomla_welcome_steps.ini | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/administrator/language/en-GB/guidedtours.joomla_welcome_steps.ini b/administrator/language/en-GB/guidedtours.joomla_welcome_steps.ini index 3bedf30095d7..0a5b571c79f7 100644 --- a/administrator/language/en-GB/guidedtours.joomla_welcome_steps.ini +++ b/administrator/language/en-GB/guidedtours.joomla_welcome_steps.ini @@ -7,7 +7,7 @@ COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_STEP_MENUS_TITLE="The Menu" COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_STEP_MENUS_DESCRIPTION="

The menu provides access to the Administrator management pages. Each section has a collection of pages for managing that particular aspect of Joomla, such as Content, Menus and Users.

The window pane icons link to individual dashboards for those sections. The System menu itself leads to a dashboard.

" COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_STEP_QUICKACCESS_TITLE="The Dashboard Panels" -COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_STEP_QUICKACCESS_DESCRIPTION="

Dashboards provide quick access to frequently used pages via their icons.

Each dashboard panel is an Administrator module that can be customised via its Settings icon .
This allows you to configure your site dashboards to suit your own purposes.

" +COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_STEP_QUICKACCESS_DESCRIPTION="

Dashboards provide quick access to frequently used pages via their icons.

Each dashboard panel is an Administrator module that can be customised via its Settings icon .
This allows you to configure your site dashboards to suit your own purposes.

" COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_STEP_NOTIFICATIONS_TITLE="The Notifications Panel" COM_GUIDEDTOURS_TOUR_WELCOMETOJOOMLA_STEP_NOTIFICATIONS_DESCRIPTION="

The Notifications panel shows when updates are available for Joomla and other extensions. Outstanding Privacy Requests are also shown here.

"