From 7c248c870bc2cf80a8d2041cdaf6e02f5c05f701 Mon Sep 17 00:00:00 2001 From: Christian Toffolo Date: Fri, 4 Aug 2023 15:50:47 +0200 Subject: [PATCH] [TASK] Remove unused feature "Elements on page" (#690) Resolves: #689 --- .../FrontendEditingInitializationHook.php | 25 ---------- Resources/Private/Language/locallang.xlf | 6 --- .../Partials/ContentElementHierarchyTab.html | 41 ---------------- Resources/Private/Partials/RightBar.html | 3 -- .../Private/Sass/Partials/_elements.scss | 1 - Resources/Private/Sass/inline_editing.scss | 11 ----- Resources/Public/Css/frontend_editing.css | 2 +- Resources/Public/Css/inline_editing.css | 2 +- .../Public/JavaScript/FrontendEditing.js | 47 ------------------- 9 files changed, 2 insertions(+), 136 deletions(-) delete mode 100644 Resources/Private/Partials/ContentElementHierarchyTab.html diff --git a/Classes/Hook/FrontendEditingInitializationHook.php b/Classes/Hook/FrontendEditingInitializationHook.php index 7d79abfb..424a15e1 100644 --- a/Classes/Hook/FrontendEditingInitializationHook.php +++ b/Classes/Hook/FrontendEditingInitializationHook.php @@ -297,7 +297,6 @@ public function main(array $params, TypoScriptFrontendController $parentObject) 'currentTime' => GeneralUtility::makeInstance(Context::class)->getPropertyFromAspect('date', 'timestamp'), 'currentPage' => $this->typoScriptFrontendController->id, 'contentItems' => $availableContentElementTypes, - 'contentElementsOnPage' => $this->getContentElementsOnPage((int)$this->typoScriptFrontendController->id), 'customRecords' => $this->getCustomRecords(), 'loadingIcon' => $this->iconFactory->getIcon('spinner-circle-dark', Icon::SIZE_LARGE)->render(), 'showHiddenItemsUrl' => $requestUrl . '&show_hidden_items=' . $this->showHiddenItems(), @@ -472,30 +471,6 @@ protected function wizardItemsHook(array &$wizardItems, Typo3NewContentElementCo } } - /** - * Get the content elements on the page - * - * @param int $pageId The page id to fetch content elements from - * @return array - */ - protected function getContentElementsOnPage(int $pageId): array - { - if (!$this->typoScriptFrontendController->cObj instanceof ContentObjectRenderer) { - $this->typoScriptFrontendController->newCObj(); - } - $contentElements = $this->typoScriptFrontendController->cObj->getRecords( - 'tt_content', - [ - 'pidInList' => $pageId, - 'orderBy' => 'sorting' - ] - ); - foreach ($contentElements as &$contentElement) { - $contentElement['_recordTitle'] = BackendUtility::getRecordTitle('tt_content', $contentElement); - } - return $contentElements; - } - /** * Get custom records defined in TypoScript * diff --git a/Resources/Private/Language/locallang.xlf b/Resources/Private/Language/locallang.xlf index 5900c41a..feedc23d 100644 --- a/Resources/Private/Language/locallang.xlf +++ b/Resources/Private/Language/locallang.xlf @@ -90,12 +90,6 @@ Drag and drop on page to create a new '%s' content element. - - Modified: - - - Elements on page - Custom records diff --git a/Resources/Private/Partials/ContentElementHierarchyTab.html b/Resources/Private/Partials/ContentElementHierarchyTab.html deleted file mode 100644 index 60731afe..00000000 --- a/Resources/Private/Partials/ContentElementHierarchyTab.html +++ /dev/null @@ -1,41 +0,0 @@ -{namespace core=TYPO3\CMS\Core\ViewHelpers} - -
-
-
- -
-
- -
-
-
- -
- - - - - - -
- {contentElement._recordTitle} - - @{contentElement.tstamp} - -
-
- -
-
diff --git a/Resources/Private/Partials/RightBar.html b/Resources/Private/Partials/RightBar.html index 663b0a9f..c75236c7 100644 --- a/Resources/Private/Partials/RightBar.html +++ b/Resources/Private/Partials/RightBar.html @@ -6,9 +6,6 @@
-
- -
diff --git a/Resources/Private/Sass/Partials/_elements.scss b/Resources/Private/Sass/Partials/_elements.scss index a8f0c6a9..392adcd9 100644 --- a/Resources/Private/Sass/Partials/_elements.scss +++ b/Resources/Private/Sass/Partials/_elements.scss @@ -71,7 +71,6 @@ } } -.content-element-hierarchy-tab, .custom-record-tab { .accordion { .element-action { diff --git a/Resources/Private/Sass/inline_editing.scss b/Resources/Private/Sass/inline_editing.scss index 81ede617..2cf2d517 100644 --- a/Resources/Private/Sass/inline_editing.scss +++ b/Resources/Private/Sass/inline_editing.scss @@ -81,17 +81,6 @@ display: inline; } - // colored frame when hovering content element in right-column list - - &.indicate-element { - &:before, - &:after { - content: none !important; - } - - outline: 1px solid $color-t3-primary; - } - &[draggable="true"]:hover { cursor: pointer; } diff --git a/Resources/Public/Css/frontend_editing.css b/Resources/Public/Css/frontend_editing.css index 2f21b83c..cbf824e5 100644 --- a/Resources/Public/Css/frontend_editing.css +++ b/Resources/Public/Css/frontend_editing.css @@ -1 +1 @@ -@font-face{font-family:icons;src:url(Fonts/icons.eot?fgsxdn);src:url(Fonts/icons.eot?fgsxdn#iefix) format("embedded-opentype"),url(Fonts/icons.ttf?fgsxdn) format("truetype"),url(Fonts/icons.woff?fgsxdn) format("woff"),url(Fonts/icons.svg?fgsxdn#icons) format("svg");font-weight:400;font-style:normal}.icons{font-family:icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-icons-arrow-double:before{content:"\e90e"}.icon-icons-list:before{content:"\e909"}.icon-icons-grid:before{content:"\e90a"}.icon-icons-arrow-up:before{content:"\e90f"}.icon-icons-arrow-down:before{content:"\e90b"}.icon-icons-cancel:before{content:"\e90c"}.icon-icons-save:before{content:"\e90d"}.icon-icons-site-tree:before{content:"\e900"}.icon-icons-back:before{content:"\e901"}.icon-icons-workspace:before{content:"\e902"}.icon-icons-tools-settings:before{content:"\e903"}.icon-icons-lg-desktop:before{content:"\e904"}.icon-icons-desktop:before{content:"\e905"}.icon-icons-tablet:before{content:"\e906"}.icon-icons-phone:before{content:"\e907"}.icon-icons-page:before{content:"\e908"}.top-bar-action-buttons>.btn-min-width{min-width:130px}.top-bar-action-buttons>.btn{font-family:Verdana,Arial,Helvetica,sans-serif;border:0;border-radius:0;height:45px;font-size:16px;padding:0 14px;text-transform:uppercase;outline:0}.top-bar-action-buttons>.btn:focus{outline:0}.top-bar-action-buttons>.btn-default{border:1px solid #838383;background-color:transparent}.top-bar-action-buttons>.btn-default:focus,.top-bar-action-buttons>.btn-default:hover{color:#fff;background-color:rgba(131,131,131,.5)}.top-bar-action-buttons>.btn-default.disabled.focus,.top-bar-action-buttons>.btn-default.disabled:focus,.top-bar-action-buttons>.btn-default.disabled:hover,.top-bar-action-buttons>.btn-default[disabled].focus,.top-bar-action-buttons>.btn-default[disabled]:focus,.top-bar-action-buttons>.btn-default[disabled]:hover,.top-bar-action-buttons>.btn-inactive,.top-bar-action-buttons>fieldset[disabled] .btn-default.focus,.top-bar-action-buttons>fieldset[disabled] .btn-default:focus,.top-bar-action-buttons>fieldset[disabled] .btn-default:hover{cursor:not-allowed;background-color:#4c4c4c;border-color:#4c4c4c;color:#fff}.top-bar-action-buttons>.btn-default.disabled.focus:active,.top-bar-action-buttons>.btn-default.disabled.focus:focus,.top-bar-action-buttons>.btn-default.disabled.focus:hover,.top-bar-action-buttons>.btn-default.disabled:focus:active,.top-bar-action-buttons>.btn-default.disabled:focus:focus,.top-bar-action-buttons>.btn-default.disabled:focus:hover,.top-bar-action-buttons>.btn-default.disabled:hover:active,.top-bar-action-buttons>.btn-default.disabled:hover:focus,.top-bar-action-buttons>.btn-default.disabled:hover:hover,.top-bar-action-buttons>.btn-default[disabled].focus:active,.top-bar-action-buttons>.btn-default[disabled].focus:focus,.top-bar-action-buttons>.btn-default[disabled].focus:hover,.top-bar-action-buttons>.btn-default[disabled]:focus:active,.top-bar-action-buttons>.btn-default[disabled]:focus:focus,.top-bar-action-buttons>.btn-default[disabled]:focus:hover,.top-bar-action-buttons>.btn-default[disabled]:hover:active,.top-bar-action-buttons>.btn-default[disabled]:hover:focus,.top-bar-action-buttons>.btn-default[disabled]:hover:hover,.top-bar-action-buttons>.btn-inactive:active,.top-bar-action-buttons>.btn-inactive:focus,.top-bar-action-buttons>.btn-inactive:hover,.top-bar-action-buttons>fieldset[disabled] .btn-default.focus:active,.top-bar-action-buttons>fieldset[disabled] .btn-default.focus:focus,.top-bar-action-buttons>fieldset[disabled] .btn-default.focus:hover,.top-bar-action-buttons>fieldset[disabled] .btn-default:focus:active,.top-bar-action-buttons>fieldset[disabled] .btn-default:focus:focus,.top-bar-action-buttons>fieldset[disabled] .btn-default:focus:hover,.top-bar-action-buttons>fieldset[disabled] .btn-default:hover:active,.top-bar-action-buttons>fieldset[disabled] .btn-default:hover:focus,.top-bar-action-buttons>fieldset[disabled] .btn-default:hover:hover{background-color:#4c4c4c;border-color:#4c4c4c;color:#fff}.t3-frontend-editing__modal .btn-left{float:left}.t3-frontend-editing__modal .btn{min-width:calc(5ch + 15px * 2);outline:0;padding:.5em 1.25em;font-size:.9em;border-radius:.25em}.t3-frontend-editing__modal .btn:focus{box-shadow:0 0 0 1px rgba(30,30,30,.9);outline:0}input[type=text]{background:#fff;color:#191919;font:14px Verdana,Arial,Helvetica,sans-serif;padding:6px;border:2px solid #4c4c4c;outline:0;line-height:1.25em}input[type=text]:hover{border-color:#838383}input[type=text]:focus{border-color:#ff8700}.title-default{padding:10px 0}.title-center{text-align:center;padding:10px;display:inline-block}.title-right{text-align:right;padding:10px;display:inline-block}.title-left{text-align:left;padding:10px;display:inline-block}.title-normal-casing{font-size:14px;text-transform:none;margin-top:4px}.accordion{border-top:1px solid #c3c3c3}.accordion-content{padding:0;display:none;background-color:#eee;border-top:1px solid #c3c3c3}.accordion-content.show{display:block}.padding-wrapper{padding:0 14px}.dark-transparent-bg{background-color:#eee}.content-icon{width:50px;height:50px}.content-icon-default{background-color:#555f63;display:inline-block;width:32px;height:32px}.content-icon-default img{margin-top:0;margin-left:0}.content-icon-small{background-color:#555f63;display:inline-block;width:16px;height:16px}.content-icon-small img{margin-top:0;margin-left:0}.accordion-list .element:last-of-type{border-bottom:0}.element{display:inline-block;margin-bottom:10px;position:relative}.element .description{width:220px;display:none;margin-left:5px}.element .description .title-default{display:inline-block;width:230px;padding:0;line-height:1.2;color:#0f0f0f;font-size:12px}.element .description .title-default:first-of-type{font-size:12px;font-weight:700;padding-top:4px;color:#0f0f0f}.element div{pointer-events:none}.element span{pointer-events:none}.element:hover{outline:solid 2px #ff8700}.content-element-hierarchy-tab .accordion .element-action,.custom-record-tab .accordion .element-action{padding:6px 10px}.content-element-hierarchy-tab .element:hover,.custom-record-tab .element:hover{cursor:pointer}.wizard-elements-tabs .element:hover{cursor:move}.accordion .grid,.accordion .list-view{font-size:32px;position:relative;top:7px;width:24px;display:inline-block;cursor:pointer;color:#c3c3c3}.accordion .grid.active,.accordion .grid:hover,.accordion .list-view.active,.accordion .list-view:hover{color:#0f0f0f}.accordion .trigger{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transform-origin:center;transform-origin:center;font-size:26px;position:relative;top:5px;display:inline-block;cursor:pointer}.accordion .trigger.active{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transform-origin:center;transform-origin:center}.accordion .element-title{display:inline-block;font-size:var(--bs-body-font-size);padding:3px 0;max-width:205px;cursor:pointer}.accordion .element-action{text-align:right;width:auto;display:inline-block;float:right;padding:2px 10px}.accordion-grid .grid{color:#0f0f0f}.accordion-grid .accordion-content{padding:10px}.accordion-list .description{display:inline-block}.accordion-list .element{display:block;background-color:#eee;margin:0;margin-bottom:2px;padding:10px;border-bottom:1px solid #c3c3c3}.accordion-list .element .content-icon{vertical-align:top;display:inline-block;margin:0 auto;background-color:#4c4c4c}.accordion-list .element .content-icon .icon-size-default{height:100%;width:100%}.accordion-list .element .content-icon .icon-size-default .icon-markup{width:50px;height:50px;text-align:center;vertical-align:middle;display:block;margin:0 auto}.accordion-list .element .content-icon .icon-size-default .icon-markup img{height:40px;width:40px;margin:0 auto;top:10%;position:relative}.accordion-list .list-view{color:#0f0f0f}.t3-frontend-editing__right-bar{background-color:#4c4c4c;color:#0f0f0f;position:absolute;top:0;right:-325px;width:325px;bottom:0;z-index:10998;font-family:Verdana,Arial,Helvetica,sans-serif}.t3-frontend-editing__right-bar.closed{display:none}.t3-frontend-editing__right-bar .top-right-bar-wrapper{background-color:#eee}.t3-frontend-editing__right-bar .top-right-bar-wrapper .elements-wrapper{overflow-y:scroll;height:100vh}.t3-frontend-editing__right-bar .top-right-bar-wrapper .elements-wrapper .elements{background-color:#eee}.t3-frontend-editing__right-bar .top-right-bar-wrapper .elements-wrapper{overflow-y:scroll;height:100vh}.t3-frontend-editing__right-bar .top-right-bar-wrapper .elements-wrapper .elements:first-child .accordion-container:first-child .accordion{border-top:none}.t3-frontend-editing__right-bar .top-right-bar-wrapper::-webkit-scrollbar{width:8px;height:8px}.t3-frontend-editing__right-bar .top-right-bar-wrapper::-webkit-scrollbar-corner{background-color:#3f3f3f}.t3-frontend-editing__right-bar .top-right-bar-wrapper::-webkit-scrollbar-thumb{background-color:#0f0f0f;border:1px solid #3f3f3f}.t3-frontend-editing__right-bar .top-right-bar-wrapper::-webkit-scrollbar-track{background-color:#3f3f3f}.t3-frontend-editing__right-bar .devices{height:55px;padding-left:14px;padding-right:0;width:325px;line-height:1em;font-size:1em}.t3-frontend-editing__discard .btn-text,.t3-frontend-editing__save .btn-text{position:relative;top:-3px}.t3-frontend-editing__discard .icon-icons-save,.t3-frontend-editing__save .icon-icons-save{font-size:26px;position:relative;top:1px}.t3-frontend-editing__discard .icon-icons-cancel,.t3-frontend-editing__save .icon-icons-cancel{font-size:26px;position:relative;top:2px}.t3-frontend-editing__iframe-wrapper{-webkit-transition:width .2s linear;transition:width .2s linear;margin-top:0;margin-right:325px;position:relative;width:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1}.t3-frontend-editing__iframe-wrapper.inactive{margin-right:0}.t3-frontend-editing__iframe-wrapper iframe{width:100%;height:100%;margin:0 auto;display:block;box-shadow:0 0 15px 0 #4c4c4c}.t3-frontend-editing__iframe-wrapper.full-view{margin-top:0;width:100%}.t3-frontend-editing__iframe-wrapper.full-view iframe{height:100vh}.t3-frontend-editing__toolbars-wrapper{position:relative}.t3-frontend-editing__loading-screen{position:absolute;left:0;top:0;bottom:-55px;right:0;background:rgba(81,81,81,.8)}.t3-frontend-editing__loading-screen .icon-spin{position:absolute;top:50%;left:50%;margin:-28px 0 0 -25px}.t3-frontend-editing__loading-screen .icon-spin .icon-markup{-webkit-animation:icon-spin 2s infinite linear;animation:icon-spin 2s infinite linear;display:block}@-webkit-keyframes icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.hidden{display:none}body{margin:0;overflow-x:hidden;-webkit-font-smoothing:subpixel-antialiased}body.t3-frontend-editing__body{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.t3-frontend-editing__ckeditor-bar__wrapper{background:#eee;min-height:55px;height:auto;position:absolute;top:0;z-index:1;margin:0 auto;width:auto;left:0;right:0}.t3-frontend-editing__ckeditor-bar{background:#eee;color:#fff;height:auto;position:relative;z-index:10998;margin:0 auto;width:auto;left:0}.t3-frontend-editing__ckeditor-bar>.cke{position:relative!important;top:-1px!important;left:0!important;right:auto!important;box-shadow:unset}.cke_float .cke_top{box-shadow:none!important;background-image:none!important;background-color:#eee!important;padding:13px 8px 10px!important;border:0!important}.cke_bottom{background-image:none!important}.cke_toolgroup{border:0!important;box-shadow:none!important;background:#fff!important;background-image:none!important}.cke_dialog_title{background-image:none!important;color:#0f0f0f!important;text-shadow:0 1px 0 #9d9d9d!important}.cke_toolbar_break{display:none!important}.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message div{position:relative!important}.toast-message label{color:#fff}.toast-message a{color:#fff}.toast-message a:hover{color:#838383;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #fff;opacity:.8}.toast-close-button:focus,.toast-close-button:hover{color:#0f0f0f;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:10px 10px 10px 50px;width:350px;max-height:200px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;box-shadow:0 0 12px #838383;color:#fff;opacity:.95;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.25em}#toast-container>:hover{box-shadow:0 0 12px #0f0f0f;opacity:1;cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#0f0f0f!important}.toast-success{background-color:#5abc55!important}.toast-error{background-color:#dd123d!important}.toast-info{background-color:#4c4c4c!important}.toast-warning{background-color:#ff8700!important}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#0f0f0f;opacity:.4}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:90%}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:90%;max-width:350px}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:10px 10px 10px 50px}}.t3js-modal{font-family:Verdana,Arial,Helvetica,sans-serif;z-index:9999999!important}.t3-frontend-editing__modal{font-size:16px}.t3-frontend-editing__modal .close{font-size:inherit}.t3-frontend-editing__modal .close:hover{outline:inherit}.t3-frontend-editing__modal .close:focus{opacity:1;outline:0;box-shadow:0 0 0 2px rgba(30,30,30,.9);border-radius:2px}.t3-frontend-editing__modal .close:focus:hover{box-shadow:0 0 0 2px rgba(30,30,30,.9)}.t3-frontend-editing__modal .modal-title{font-size:1.25em;font-weight:700}.t3-frontend-editing__modal .modal-body{padding-top:1.5em;padding-bottom:1.5em}.t3-frontend-editing__modal p{margin:.25em 0}.t3-frontend-editing__modal .modal-footer .btn+.btn{margin-left:15px}.scrollarea{contain:strict;position:absolute;left:0;right:0;background:rgba(0,0,0,.7);min-height:50px;max-height:100px;height:8%;display:-webkit-box;display:-webkit-flex;display:flex}@supports ((-webkit-backdrop-filter:blur(1px) brightness(0.4)) or (backdrop-filter:blur(1px) brightness(0.4))){.scrollarea{background:0 0;-webkit-backdrop-filter:blur(1px) brightness(.4);backdrop-filter:blur(1px) brightness(.4)}}.scrollarea-top{top:0;border-bottom:1px solid rgba(255,255,255,.4)}.scrollarea-bottom{bottom:0;border-top:1px solid rgba(255,255,255,.4)}.scrollarea--arrow:before{content:"";display:block;width:20px;height:20px;margin:auto;position:relative;border:8px solid rgba(255,255,255,.8);-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color 250ms ease,-webkit-transform 250ms ease;transition:border-color 250ms ease,-webkit-transform 250ms ease;transition:border-color 250ms ease,transform 250ms ease;transition:border-color 250ms ease,transform 250ms ease,-webkit-transform 250ms ease}.scrollarea--arrow-up:before{top:5px;border-bottom-width:0;border-right-width:0}.scrollarea--arrow-down:before{top:-5px;border-top-width:0;border-left-width:0}.scrollarea--arrow:hover:before,.scrollarea--arrow__mouseover:before{-webkit-transform:translateY(-5px) rotate(45deg);transform:translateY(-5px) rotate(45deg);border-color:#fff}.scrollarea--arrow-down:hover:before,.scrollarea--arrow-down.scrollarea--arrow__mouseover:before{-webkit-transform:translateY(5px) rotate(45deg);transform:translateY(5px) rotate(45deg)} +@font-face{font-family:icons;src:url(Fonts/icons.eot?fgsxdn);src:url(Fonts/icons.eot?fgsxdn#iefix) format("embedded-opentype"),url(Fonts/icons.ttf?fgsxdn) format("truetype"),url(Fonts/icons.woff?fgsxdn) format("woff"),url(Fonts/icons.svg?fgsxdn#icons) format("svg");font-weight:400;font-style:normal}.icons{font-family:icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-icons-arrow-double:before{content:"\e90e"}.icon-icons-list:before{content:"\e909"}.icon-icons-grid:before{content:"\e90a"}.icon-icons-arrow-up:before{content:"\e90f"}.icon-icons-arrow-down:before{content:"\e90b"}.icon-icons-cancel:before{content:"\e90c"}.icon-icons-save:before{content:"\e90d"}.icon-icons-site-tree:before{content:"\e900"}.icon-icons-back:before{content:"\e901"}.icon-icons-workspace:before{content:"\e902"}.icon-icons-tools-settings:before{content:"\e903"}.icon-icons-lg-desktop:before{content:"\e904"}.icon-icons-desktop:before{content:"\e905"}.icon-icons-tablet:before{content:"\e906"}.icon-icons-phone:before{content:"\e907"}.icon-icons-page:before{content:"\e908"}.top-bar-action-buttons>.btn-min-width{min-width:130px}.top-bar-action-buttons>.btn{font-family:Verdana,Arial,Helvetica,sans-serif;border:0;border-radius:0;height:45px;font-size:16px;padding:0 14px;text-transform:uppercase;outline:0}.top-bar-action-buttons>.btn:focus{outline:0}.top-bar-action-buttons>.btn-default{border:1px solid #838383;background-color:transparent}.top-bar-action-buttons>.btn-default:focus,.top-bar-action-buttons>.btn-default:hover{color:#fff;background-color:rgba(131,131,131,.5)}.top-bar-action-buttons>.btn-default.disabled.focus,.top-bar-action-buttons>.btn-default.disabled:focus,.top-bar-action-buttons>.btn-default.disabled:hover,.top-bar-action-buttons>.btn-default[disabled].focus,.top-bar-action-buttons>.btn-default[disabled]:focus,.top-bar-action-buttons>.btn-default[disabled]:hover,.top-bar-action-buttons>.btn-inactive,.top-bar-action-buttons>fieldset[disabled] .btn-default.focus,.top-bar-action-buttons>fieldset[disabled] .btn-default:focus,.top-bar-action-buttons>fieldset[disabled] .btn-default:hover{cursor:not-allowed;background-color:#4c4c4c;border-color:#4c4c4c;color:#fff}.top-bar-action-buttons>.btn-default.disabled.focus:active,.top-bar-action-buttons>.btn-default.disabled.focus:focus,.top-bar-action-buttons>.btn-default.disabled.focus:hover,.top-bar-action-buttons>.btn-default.disabled:focus:active,.top-bar-action-buttons>.btn-default.disabled:focus:focus,.top-bar-action-buttons>.btn-default.disabled:focus:hover,.top-bar-action-buttons>.btn-default.disabled:hover:active,.top-bar-action-buttons>.btn-default.disabled:hover:focus,.top-bar-action-buttons>.btn-default.disabled:hover:hover,.top-bar-action-buttons>.btn-default[disabled].focus:active,.top-bar-action-buttons>.btn-default[disabled].focus:focus,.top-bar-action-buttons>.btn-default[disabled].focus:hover,.top-bar-action-buttons>.btn-default[disabled]:focus:active,.top-bar-action-buttons>.btn-default[disabled]:focus:focus,.top-bar-action-buttons>.btn-default[disabled]:focus:hover,.top-bar-action-buttons>.btn-default[disabled]:hover:active,.top-bar-action-buttons>.btn-default[disabled]:hover:focus,.top-bar-action-buttons>.btn-default[disabled]:hover:hover,.top-bar-action-buttons>.btn-inactive:active,.top-bar-action-buttons>.btn-inactive:focus,.top-bar-action-buttons>.btn-inactive:hover,.top-bar-action-buttons>fieldset[disabled] .btn-default.focus:active,.top-bar-action-buttons>fieldset[disabled] .btn-default.focus:focus,.top-bar-action-buttons>fieldset[disabled] .btn-default.focus:hover,.top-bar-action-buttons>fieldset[disabled] .btn-default:focus:active,.top-bar-action-buttons>fieldset[disabled] .btn-default:focus:focus,.top-bar-action-buttons>fieldset[disabled] .btn-default:focus:hover,.top-bar-action-buttons>fieldset[disabled] .btn-default:hover:active,.top-bar-action-buttons>fieldset[disabled] .btn-default:hover:focus,.top-bar-action-buttons>fieldset[disabled] .btn-default:hover:hover{background-color:#4c4c4c;border-color:#4c4c4c;color:#fff}.t3-frontend-editing__modal .btn-left{float:left}.t3-frontend-editing__modal .btn{min-width:calc(5ch + 15px * 2);outline:0;padding:.5em 1.25em;font-size:.9em;border-radius:.25em}.t3-frontend-editing__modal .btn:focus{box-shadow:0 0 0 1px rgba(30,30,30,.9);outline:0}input[type=text]{background:#fff;color:#191919;font:14px Verdana,Arial,Helvetica,sans-serif;padding:6px;border:2px solid #4c4c4c;outline:0;line-height:1.25em}input[type=text]:hover{border-color:#838383}input[type=text]:focus{border-color:#ff8700}.title-default{padding:10px 0}.title-center{text-align:center;padding:10px;display:inline-block}.title-right{text-align:right;padding:10px;display:inline-block}.title-left{text-align:left;padding:10px;display:inline-block}.title-normal-casing{font-size:14px;text-transform:none;margin-top:4px}.accordion{border-top:1px solid #c3c3c3}.accordion-content{padding:0;display:none;background-color:#eee;border-top:1px solid #c3c3c3}.accordion-content.show{display:block}.padding-wrapper{padding:0 14px}.dark-transparent-bg{background-color:#eee}.content-icon{width:50px;height:50px}.content-icon-default{background-color:#555f63;display:inline-block;width:32px;height:32px}.content-icon-default img{margin-top:0;margin-left:0}.content-icon-small{background-color:#555f63;display:inline-block;width:16px;height:16px}.content-icon-small img{margin-top:0;margin-left:0}.accordion-list .element:last-of-type{border-bottom:0}.element{display:inline-block;margin-bottom:10px;position:relative}.element .description{width:220px;display:none;margin-left:5px}.element .description .title-default{display:inline-block;width:230px;padding:0;line-height:1.2;color:#0f0f0f;font-size:12px}.element .description .title-default:first-of-type{font-size:12px;font-weight:700;padding-top:4px;color:#0f0f0f}.element div{pointer-events:none}.element span{pointer-events:none}.element:hover{outline:solid 2px #ff8700}.wizard-elements-tabs .element:hover{cursor:move}.accordion .grid,.accordion .list-view{font-size:32px;position:relative;top:7px;width:24px;display:inline-block;cursor:pointer;color:#c3c3c3}.accordion .grid.active,.accordion .grid:hover,.accordion .list-view.active,.accordion .list-view:hover{color:#0f0f0f}.accordion .trigger{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transform-origin:center;transform-origin:center;font-size:26px;position:relative;top:5px;display:inline-block;cursor:pointer}.accordion .trigger.active{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transform-origin:center;transform-origin:center}.accordion .element-title{display:inline-block;font-size:var(--bs-body-font-size);padding:3px 0;max-width:205px;cursor:pointer}.accordion .element-action{text-align:right;width:auto;display:inline-block;float:right;padding:2px 10px}.accordion-grid .grid{color:#0f0f0f}.accordion-grid .accordion-content{padding:10px}.accordion-list .description{display:inline-block}.accordion-list .element{display:block;background-color:#eee;margin:0;margin-bottom:2px;padding:10px;border-bottom:1px solid #c3c3c3}.accordion-list .element .content-icon{vertical-align:top;display:inline-block;margin:0 auto;background-color:#4c4c4c}.accordion-list .element .content-icon .icon-size-default{height:100%;width:100%}.accordion-list .element .content-icon .icon-size-default .icon-markup{width:50px;height:50px;text-align:center;vertical-align:middle;display:block;margin:0 auto}.accordion-list .element .content-icon .icon-size-default .icon-markup img{height:40px;width:40px;margin:0 auto;top:10%;position:relative}.accordion-list .list-view{color:#0f0f0f}.t3-frontend-editing__right-bar{background-color:#4c4c4c;color:#0f0f0f;position:absolute;top:0;right:-325px;width:325px;bottom:0;z-index:10998;font-family:Verdana,Arial,Helvetica,sans-serif}.t3-frontend-editing__right-bar.closed{display:none}.t3-frontend-editing__right-bar .top-right-bar-wrapper{background-color:#eee}.t3-frontend-editing__right-bar .top-right-bar-wrapper .elements-wrapper{overflow-y:scroll;height:100vh}.t3-frontend-editing__right-bar .top-right-bar-wrapper .elements-wrapper .elements{background-color:#eee}.t3-frontend-editing__right-bar .top-right-bar-wrapper .elements-wrapper{overflow-y:scroll;height:100vh}.t3-frontend-editing__right-bar .top-right-bar-wrapper .elements-wrapper .elements:first-child .accordion-container:first-child .accordion{border-top:none}.t3-frontend-editing__right-bar .top-right-bar-wrapper::-webkit-scrollbar{width:8px;height:8px}.t3-frontend-editing__right-bar .top-right-bar-wrapper::-webkit-scrollbar-corner{background-color:#3f3f3f}.t3-frontend-editing__right-bar .top-right-bar-wrapper::-webkit-scrollbar-thumb{background-color:#0f0f0f;border:1px solid #3f3f3f}.t3-frontend-editing__right-bar .top-right-bar-wrapper::-webkit-scrollbar-track{background-color:#3f3f3f}.t3-frontend-editing__right-bar .devices{height:55px;padding-left:14px;padding-right:0;width:325px;line-height:1em;font-size:1em}.t3-frontend-editing__discard .btn-text,.t3-frontend-editing__save .btn-text{position:relative;top:-3px}.t3-frontend-editing__discard .icon-icons-save,.t3-frontend-editing__save .icon-icons-save{font-size:26px;position:relative;top:1px}.t3-frontend-editing__discard .icon-icons-cancel,.t3-frontend-editing__save .icon-icons-cancel{font-size:26px;position:relative;top:2px}.t3-frontend-editing__iframe-wrapper{-webkit-transition:width .2s linear;transition:width .2s linear;margin-top:0;margin-right:325px;position:relative;width:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1}.t3-frontend-editing__iframe-wrapper.inactive{margin-right:0}.t3-frontend-editing__iframe-wrapper iframe{width:100%;height:100%;margin:0 auto;display:block;box-shadow:0 0 15px 0 #4c4c4c}.t3-frontend-editing__iframe-wrapper.full-view{margin-top:0;width:100%}.t3-frontend-editing__iframe-wrapper.full-view iframe{height:100vh}.t3-frontend-editing__toolbars-wrapper{position:relative}.t3-frontend-editing__loading-screen{position:absolute;left:0;top:0;bottom:-55px;right:0;background:rgba(81,81,81,.8)}.t3-frontend-editing__loading-screen .icon-spin{position:absolute;top:50%;left:50%;margin:-28px 0 0 -25px}.t3-frontend-editing__loading-screen .icon-spin .icon-markup{-webkit-animation:icon-spin 2s infinite linear;animation:icon-spin 2s infinite linear;display:block}@-webkit-keyframes icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.hidden{display:none}body{margin:0;overflow-x:hidden;-webkit-font-smoothing:subpixel-antialiased}body.t3-frontend-editing__body{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.t3-frontend-editing__ckeditor-bar__wrapper{background:#eee;min-height:55px;height:auto;position:absolute;top:0;z-index:1;margin:0 auto;width:auto;left:0;right:0}.t3-frontend-editing__ckeditor-bar{background:#eee;color:#fff;height:auto;position:relative;z-index:10998;margin:0 auto;width:auto;left:0}.t3-frontend-editing__ckeditor-bar>.cke{position:relative!important;top:-1px!important;left:0!important;right:auto!important;box-shadow:unset}.cke_float .cke_top{box-shadow:none!important;background-image:none!important;background-color:#eee!important;padding:13px 8px 10px!important;border:0!important}.cke_bottom{background-image:none!important}.cke_toolgroup{border:0!important;box-shadow:none!important;background:#fff!important;background-image:none!important}.cke_dialog_title{background-image:none!important;color:#0f0f0f!important;text-shadow:0 1px 0 #9d9d9d!important}.cke_toolbar_break{display:none!important}.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message div{position:relative!important}.toast-message label{color:#fff}.toast-message a{color:#fff}.toast-message a:hover{color:#838383;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #fff;opacity:.8}.toast-close-button:focus,.toast-close-button:hover{color:#0f0f0f;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:10px 10px 10px 50px;width:350px;max-height:200px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;box-shadow:0 0 12px #838383;color:#fff;opacity:.95;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.25em}#toast-container>:hover{box-shadow:0 0 12px #0f0f0f;opacity:1;cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#0f0f0f!important}.toast-success{background-color:#5abc55!important}.toast-error{background-color:#dd123d!important}.toast-info{background-color:#4c4c4c!important}.toast-warning{background-color:#ff8700!important}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#0f0f0f;opacity:.4}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:90%}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:90%;max-width:350px}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:10px 10px 10px 50px}}.t3js-modal{font-family:Verdana,Arial,Helvetica,sans-serif;z-index:9999999!important}.t3-frontend-editing__modal{font-size:16px}.t3-frontend-editing__modal .close{font-size:inherit}.t3-frontend-editing__modal .close:hover{outline:inherit}.t3-frontend-editing__modal .close:focus{opacity:1;outline:0;box-shadow:0 0 0 2px rgba(30,30,30,.9);border-radius:2px}.t3-frontend-editing__modal .close:focus:hover{box-shadow:0 0 0 2px rgba(30,30,30,.9)}.t3-frontend-editing__modal .modal-title{font-size:1.25em;font-weight:700}.t3-frontend-editing__modal .modal-body{padding-top:1.5em;padding-bottom:1.5em}.t3-frontend-editing__modal p{margin:.25em 0}.t3-frontend-editing__modal .modal-footer .btn+.btn{margin-left:15px}.scrollarea{contain:strict;position:absolute;left:0;right:0;background:rgba(0,0,0,.7);min-height:50px;max-height:100px;height:8%;display:-webkit-box;display:-webkit-flex;display:flex}@supports ((-webkit-backdrop-filter:blur(1px) brightness(0.4)) or (backdrop-filter:blur(1px) brightness(0.4))){.scrollarea{background:0 0;-webkit-backdrop-filter:blur(1px) brightness(.4);backdrop-filter:blur(1px) brightness(.4)}}.scrollarea-top{top:0;border-bottom:1px solid rgba(255,255,255,.4)}.scrollarea-bottom{bottom:0;border-top:1px solid rgba(255,255,255,.4)}.scrollarea--arrow:before{content:"";display:block;width:20px;height:20px;margin:auto;position:relative;border:8px solid rgba(255,255,255,.8);-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color 250ms ease,-webkit-transform 250ms ease;transition:border-color 250ms ease,-webkit-transform 250ms ease;transition:border-color 250ms ease,transform 250ms ease;transition:border-color 250ms ease,transform 250ms ease,-webkit-transform 250ms ease}.scrollarea--arrow-up:before{top:5px;border-bottom-width:0;border-right-width:0}.scrollarea--arrow-down:before{top:-5px;border-top-width:0;border-left-width:0}.scrollarea--arrow:hover:before,.scrollarea--arrow__mouseover:before{-webkit-transform:translateY(-5px) rotate(45deg);transform:translateY(-5px) rotate(45deg);border-color:#fff}.scrollarea--arrow-down:hover:before,.scrollarea--arrow-down.scrollarea--arrow__mouseover:before{-webkit-transform:translateY(5px) rotate(45deg);transform:translateY(5px) rotate(45deg)} diff --git a/Resources/Public/Css/inline_editing.css b/Resources/Public/Css/inline_editing.css index 1456a86f..657d3663 100644 --- a/Resources/Public/Css/inline_editing.css +++ b/Resources/Public/Css/inline_editing.css @@ -1 +1 @@ -[contenteditable=true]>span:after,[contenteditable=true]>span:before{content:none!important}[contenteditable=true]:hover:not(.hover-disabled){outline:1px dotted rgba(255,135,0,.3)}[contenteditable=true]:focus{outline:1px dotted #ff8700}#typo3-preview-info,#typo3-previewInfo{display:none!important}.t3-frontend-editing__hidden-element{opacity:.6}.t3-frontend-editing__dropzone{display:block;height:0;background-color:#ff8700;-webkit-transition:height .2s;transition:height .2s;margin:0;padding:0}.dropzones-enabled .t3-frontend-editing__dropzone{height:25px;border: solid 1px white}.dropzones-enabled .t3-frontend-editing__dropzone.active{border:dashed 1px #737373;background-color:#5abc55}.dropzones-enabled .t3-frontend-editing__dropzone.t3-frontend-editing__dropzone-hidden{display:none;visibility:hidden}.t3-frontend-editing__ce{position:relative!important;min-height:35px}.t3-frontend-editing__ce:hover:not(.hover-disabled){outline:1px dotted rgba(140,140,140,.5)}.t3-frontend-editing__ce .cke_editable{display:inline}.t3-frontend-editing__ce.indicate-element{outline:1px solid #ff8700}.t3-frontend-editing__ce.indicate-element:after,.t3-frontend-editing__ce.indicate-element:before{content:none!important}.t3-frontend-editing__ce[draggable=true]:hover{cursor:pointer}.t3-frontend-editing__inline-actions{line-height:1;display:none;position:absolute!important;bottom:100%;left:-1px;color:#fff;background-color:rgba(81,81,81,.8);z-index:16777271;text-align:right}.t3-frontend-editing__inline-actions img:after,.t3-frontend-editing__inline-actions img:before,.t3-frontend-editing__inline-actions span:after,.t3-frontend-editing__inline-actions span:before,.t3-frontend-editing__inline-actions:after,.t3-frontend-editing__inline-actions:before{content:none!important}.t3-frontend-editing__inline-actions .icon{position:relative;display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom}.t3-frontend-editing__inline-actions .icon img,.t3-frontend-editing__inline-actions .icon svg{display:block;height:100%;width:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.t3-frontend-editing__inline-actions .icon *{display:block;line-height:inherit}.t3-frontend-editing__inline-actions .icon-markup{position:absolute;display:block;text-align:center;top:5px;left:5px;right:5px;bottom:5px}.t3-frontend-editing__inline-actions .icon-overlay{position:absolute;bottom:0;right:0;height:68.75%;width:68.75%;text-align:center}.t3-frontend-editing__inline-actions .icon-color{fill:currentColor}.t3-frontend-editing__inline-actions .icon-spin .icon-markup{-webkit-animation:icon-spin 2s infinite linear;animation:icon-spin 2s infinite linear}@-webkit-keyframes icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.t3-frontend-editing__inline-actions .icon-state-disabled .icon-markup{opacity:.5}.t3-frontend-editing__inline-actions .icon-size-small{height:26px;width:26px;line-height:26px}.t3-frontend-editing__inline-actions .icon-size-default{height:42px;width:42px;line-height:42px}.t3-frontend-editing__inline-actions .icon-size-large{height:58px;width:58px;line-height:58px}.t3-frontend-editing__inline-actions .icon{background-color:rgba(255,255,255,.6);cursor:pointer}.t3-frontend-editing__inline-actions .icon:hover{background-color:rgba(215,215,215,.6)}.t3-frontend-editing__inline-actions .icon.icon-actions-move{background-color:#ff8700;cursor:grab}.t3-frontend-editing__ce:hover .t3-frontend-editing__inline-actions:not(.hover-disabled){display:inline-block!important} +[contenteditable=true]>span:after,[contenteditable=true]>span:before{content:none!important}[contenteditable=true]:hover:not(.hover-disabled){outline:1px dotted rgba(255,135,0,.3)}[contenteditable=true]:focus{outline:1px dotted #ff8700}#typo3-preview-info,#typo3-previewInfo{display:none!important}.t3-frontend-editing__hidden-element{opacity:.6}.t3-frontend-editing__dropzone{display:block;height:0;background-color:#ff8700;-webkit-transition:height .2s;transition:height .2s;margin:0;padding:0}.dropzones-enabled .t3-frontend-editing__dropzone{height:25px;border: solid 1px white}.dropzones-enabled .t3-frontend-editing__dropzone.active{border:dashed 1px #737373;background-color:#5abc55}.dropzones-enabled .t3-frontend-editing__dropzone.t3-frontend-editing__dropzone-hidden{display:none;visibility:hidden}.t3-frontend-editing__ce{position:relative!important;min-height:35px}.t3-frontend-editing__ce:hover:not(.hover-disabled){outline:1px dotted rgba(140,140,140,.5)}.t3-frontend-editing__ce .cke_editable{display:inline}.t3-frontend-editing__ce[draggable=true]:hover{cursor:pointer}.t3-frontend-editing__inline-actions{line-height:1;display:none;position:absolute!important;bottom:100%;left:-1px;color:#fff;background-color:rgba(81,81,81,.8);z-index:16777271;text-align:right}.t3-frontend-editing__inline-actions img:after,.t3-frontend-editing__inline-actions img:before,.t3-frontend-editing__inline-actions span:after,.t3-frontend-editing__inline-actions span:before,.t3-frontend-editing__inline-actions:after,.t3-frontend-editing__inline-actions:before{content:none!important}.t3-frontend-editing__inline-actions .icon{position:relative;display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom}.t3-frontend-editing__inline-actions .icon img,.t3-frontend-editing__inline-actions .icon svg{display:block;height:100%;width:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.t3-frontend-editing__inline-actions .icon *{display:block;line-height:inherit}.t3-frontend-editing__inline-actions .icon-markup{position:absolute;display:block;text-align:center;top:5px;left:5px;right:5px;bottom:5px}.t3-frontend-editing__inline-actions .icon-overlay{position:absolute;bottom:0;right:0;height:68.75%;width:68.75%;text-align:center}.t3-frontend-editing__inline-actions .icon-color{fill:currentColor}.t3-frontend-editing__inline-actions .icon-spin .icon-markup{-webkit-animation:icon-spin 2s infinite linear;animation:icon-spin 2s infinite linear}@-webkit-keyframes icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.t3-frontend-editing__inline-actions .icon-state-disabled .icon-markup{opacity:.5}.t3-frontend-editing__inline-actions .icon-size-small{height:26px;width:26px;line-height:26px}.t3-frontend-editing__inline-actions .icon-size-default{height:42px;width:42px;line-height:42px}.t3-frontend-editing__inline-actions .icon-size-large{height:58px;width:58px;line-height:58px}.t3-frontend-editing__inline-actions .icon{background-color:rgba(255,255,255,.6);cursor:pointer}.t3-frontend-editing__inline-actions .icon:hover{background-color:rgba(215,215,215,.6)}.t3-frontend-editing__inline-actions .icon.icon-actions-move{background-color:#ff8700;cursor:grab}.t3-frontend-editing__ce:hover .t3-frontend-editing__inline-actions:not(.hover-disabled){display:inline-block!important} diff --git a/Resources/Public/JavaScript/FrontendEditing.js b/Resources/Public/JavaScript/FrontendEditing.js index d923d398..1f5ab10f 100644 --- a/Resources/Public/JavaScript/FrontendEditing.js +++ b/Resources/Public/JavaScript/FrontendEditing.js @@ -73,9 +73,6 @@ define([ this.init(); }; - // TimeoutId used in indicateCeStart() - var indicateCeScrollTimeoutId = null; - // Add default events and a function to add other events FrontendEditing.events = events; FrontendEditing.addEvent = function addEvent (key, value) { @@ -563,50 +560,6 @@ define([ } }, - indicateCeStart: function (ev) { - log.debug('start indicate ce', ev.currentTarget); - - var $iframe = F.iframe(); - var uid = ev.currentTarget.dataset.uid; - $iframe.contents() - .find('#c' + uid) - .parent() - .addClass('indicate-element'); - window.clearTimeout(indicateCeScrollTimeoutId); - - indicateCeScrollTimeoutId = window.setTimeout(function scrollCe () { - log.info('scroll to Ce', uid); - - var $iframe = F.iframe(); - var offset = $iframe.contents() - .find('#c' + uid) - .parent() - .offset(); - - $iframe.contents() - .find('body, html') - .animate({ - scrollTop: offset - ? offset.top - scrollToIndicateCeOffsetTop - : offset - }, scrollToIndicateCeSpeed); - }, scrollToIndicateCeDelay); - }, - - indicateCeEnd: function (ev) { - log.debug('end indicate ce', ev.currentTarget); - - var $iframe = F.iframe(); - var uid = ev.currentTarget.dataset.uid; - - $iframe.contents() - .find('#c' + uid) - .parent() - .removeClass('indicate-element'); - - window.clearTimeout(indicateCeScrollTimeoutId); - }, - dropCr: function (ev) { log.debug('drop cr', ev.currentTarget, ev.dataTransfer);