From 90d7f3eec6bd36a723f0777cf50ba968e6df4b41 Mon Sep 17 00:00:00 2001 From: Barco <130742176+Barcov@users.noreply.github.com> Date: Thu, 1 Feb 2024 13:48:05 +0200 Subject: [PATCH 001/485] Fix: SVG Icons break the Title layout of Nested Accordions on Firefox and Safari [ED-12168] (#24992) ## PR Checklist - [ ] The commit message follows our guidelines: https://github.com/elementor/elementor/blob/master/.github/CONTRIBUTING.md ## PR Type What kind of change does this PR introduce? - [ ] Bugfix - [ ] Feature - [ ] Code style update (formatting, local variables) - [ ] Refactoring (no functional changes, no api changes) - [ ] Build related changes - [ ] CI related changes - [ ] Documentation content changes - [ ] Other... Please describe: ## Summary This PR can be summarized in the following changelog entry: * ## Description An explanation of what is done in this PR * ## Test instructions This PR can be tested by following these steps: * ## Quality assurance - [ ] I have tested this code to the best of my abilities - [ ] I have added unittests to verify the code works as intended - [ ] Docs have been added / updated (for bug fixes / features) Fixes # --------- Co-authored-by: Hein van Vlastuin <94352322+hein-obox@users.noreply.github.com> --- modules/nested-accordion/assets/scss/frontend.scss | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/modules/nested-accordion/assets/scss/frontend.scss b/modules/nested-accordion/assets/scss/frontend.scss index 05a01f4aa92..f75ac2d629a 100644 --- a/modules/nested-accordion/assets/scss/frontend.scss +++ b/modules/nested-accordion/assets/scss/frontend.scss @@ -80,17 +80,16 @@ span { height: var(--n-accordion-icon-size); - width: fit-content; - font-size: var(--n-accordion-icon-size); + width: auto; & > i { color: var(--n-accordion-icon-normal-color); + font-size: var(--n-accordion-icon-size); } & > svg { fill: var(--n-accordion-icon-normal-color); - height: auto; - width: inherit; + height: var(--n-accordion-icon-size); } } } From f0b7af8b7d19d41372c3a2ffcf7ae1d1c1b472c3 Mon Sep 17 00:00:00 2001 From: Rami Yushuvaev <92088692+rami-elementor@users.noreply.github.com> Date: Thu, 1 Feb 2024 05:00:27 -0800 Subject: [PATCH 002/485] Tweak: Make widgets in the Elements panel keyboard accessible [ED-13522] (#24937) Co-authored-by: ElementorBot <48412871+elementorbot@users.noreply.github.com> --- assets/dev/scss/editor/panel/_elements.scss | 8 +++++++- includes/editor-templates/panel-elements.php | 4 ++-- 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/assets/dev/scss/editor/panel/_elements.scss b/assets/dev/scss/editor/panel/_elements.scss index c8521d31bc3..2037899d2eb 100644 --- a/assets/dev/scss/editor/panel/_elements.scss +++ b/assets/dev/scss/editor/panel/_elements.scss @@ -77,12 +77,17 @@ .elementor-panel { .elementor-element { + font-family: var(--e-a-font-family); + color: var(--e-a-color-txt); + line-height: 1; text-align: center; border: var(--e-a-border-bold); border-radius: 3px; cursor: move; position: relative; transition: var(--e-a-transition-hover); + width: 100%; + background-color: transparent; &--promotion { @@ -92,7 +97,8 @@ } } - &:hover { + &:hover, + &:focus { background-color: var(--e-a-bg-hover); border-color: var(--e-a-border-color-bold); diff --git a/includes/editor-templates/panel-elements.php b/includes/editor-templates/panel-elements.php index e013f2d6107..bace42948b5 100644 --- a/includes/editor-templates/panel-elements.php +++ b/includes/editor-templates/panel-elements.php @@ -55,7 +55,7 @@ From 8fa0621bc1400e17bb40c9f89d6bc18a0a4e5af6 Mon Sep 17 00:00:00 2001 From: Rami Yushuvaev <92088692+rami-elementor@users.noreply.github.com> Date: Mon, 5 Feb 2024 07:34:34 -0800 Subject: [PATCH 021/485] Tweak: Make action items in the History panel keyboard accessible [ED-13598] (#25017) Co-authored-by: ElementorBot <48412871+elementorbot@users.noreply.github.com> --- modules/history/assets/js/history/item-view.js | 4 ++++ modules/history/assets/scss/_history.scss | 9 +++++++-- 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/modules/history/assets/js/history/item-view.js b/modules/history/assets/js/history/item-view.js index 8f163b330c8..4a58ebe1d02 100644 --- a/modules/history/assets/js/history/item-view.js +++ b/modules/history/assets/js/history/item-view.js @@ -1,4 +1,8 @@ export default class extends Marionette.ItemView { + tagName() { + return 'button'; + } + getTemplate() { return '#tmpl-elementor-panel-history-item'; } diff --git a/modules/history/assets/scss/_history.scss b/modules/history/assets/scss/_history.scss index 50323ab04ad..8803a28a988 100644 --- a/modules/history/assets/scss/_history.scss +++ b/modules/history/assets/scss/_history.scss @@ -10,16 +10,20 @@ &item { display: flex; align-items: center; + text-align: start; border: var(--e-a-border); border-radius: var(--e-a-border-radius); padding: 10px 15px; margin-block-end: 10px; + width: 100%; font-size: 11px; line-height: 1.4; + background-color: transparent; cursor: pointer; transition: var(--e-a-transition-hover); - &:hover:not(.elementor-history-item-current) { + &:hover:not(.elementor-history-item-current), + &:focus:not(.elementor-history-item-current) { background-color: var(--e-a-bg-hover); color: var(--e-a-txt-color-hover); @@ -36,7 +40,8 @@ color: var(--e-a-txt-color-active); .elementor-history-item__icon, - &:hover .elementor-history-item__icon{ + &:hover .elementor-history-item__icon, + &:focus .elementor-history-item__icon { .eicon:before { content:'\e90e'; From b1132a52982e9c9185fd57d629c483859b433268 Mon Sep 17 00:00:00 2001 From: Rami Yushuvaev <92088692+rami-elementor@users.noreply.github.com> Date: Mon, 5 Feb 2024 07:51:30 -0800 Subject: [PATCH 022/485] Tweak: Add `