diff --git a/Build/Sources/Sass/backend.scss b/Build/Sources/Sass/backend.scss index 640da16a02a969012ae0214ef4999e21fc0fe3c3..fab2147d5c7d94c7d562b6d11c7a72438677c650 100644 --- a/Build/Sources/Sass/backend.scss +++ b/Build/Sources/Sass/backend.scss @@ -58,7 +58,6 @@ @import "element/typo3-backend-draggable-resizable"; @import "element/typo3-backend-editable-page-title"; @import "element/typo3-backend-formengine-char-counter"; -@import "element/typo3-backend-new-record-wizard"; @import "element/typo3-backend-security-csp-reports"; @import "element/typo3-backend-security-sudo-mode"; @import "element/typo3-backend-table-wizard"; diff --git a/Build/Sources/Sass/component/_colorpicker.scss b/Build/Sources/Sass/component/_colorpicker.scss index f8dedf2770456a2f4fe76eb81af95bb675724c0e..4f69c7612895e4aa001f488d335c3319ce8e7423 100644 --- a/Build/Sources/Sass/component/_colorpicker.scss +++ b/Build/Sources/Sass/component/_colorpicker.scss @@ -3,6 +3,7 @@ } .alwan { + color-scheme: light dark; direction: ltr; width: 100%; max-width: 260px; diff --git a/Build/Sources/Sass/component/_datetimepicker.scss b/Build/Sources/Sass/component/_datetimepicker.scss index 20c891e35f6395c0907c2caba5d792027168366e..7f552525bb2c1cc8b34095b33827e96b646786c0 100644 --- a/Build/Sources/Sass/component/_datetimepicker.scss +++ b/Build/Sources/Sass/component/_datetimepicker.scss @@ -13,6 +13,7 @@ } .flatpickr-calendar { + color-scheme: light dark; opacity: 0; display: none; text-align: center; diff --git a/Build/Sources/Sass/component/_form.scss b/Build/Sources/Sass/component/_form.scss index a16f088cc03d7fff422812148052a478e1020d21..3d78e1ed970117ecc4401f4bc85980e9382d5995 100644 --- a/Build/Sources/Sass/component/_form.scss +++ b/Build/Sources/Sass/component/_form.scss @@ -80,6 +80,7 @@ // SelectIcons FieldWizard // .form-wizard-icon-list { + color-scheme: light dark; color: var(--typo3-component-color); background: var(--typo3-component-bg); border: var(--typo3-component-border-width) solid var(--typo3-component-border-color); diff --git a/Build/Sources/Sass/component/_root.scss b/Build/Sources/Sass/component/_root.scss index c6effc2fb0a83801f0e0784b70830607934e60d7..f35cdf36a50556f484da5f7b1c190587b3aa9087 100644 --- a/Build/Sources/Sass/component/_root.scss +++ b/Build/Sources/Sass/component/_root.scss @@ -2,7 +2,7 @@ // Global CSS Variables // :root { - color-scheme: light dark; + color-scheme: only light; // General --typo3-font-family-sans-serif: #{$font-family-sans-serif}; diff --git a/Build/Sources/Sass/component/_table.scss b/Build/Sources/Sass/component/_table.scss index fbcfa27177d9e22423f59bbe2e297438aea60245..217a4ce1ef3fbfb5ce4a4e0d68d4290cf111b85d 100644 --- a/Build/Sources/Sass/component/_table.scss +++ b/Build/Sources/Sass/component/_table.scss @@ -215,7 +215,6 @@ td.selected { // Fits the table in the viewport and makes overflow possible // .table-fit { - color-scheme: only light; width: 100%; border-radius: var(--typo3-component-border-radius); box-shadow: var(--typo3-component-box-shadow); diff --git a/Build/Sources/Sass/component/_tree.scss b/Build/Sources/Sass/component/_tree.scss index d3b51a407c8e4b8505a7bf791b0fd54b2d21231e..2dea7fa70221aafd6de5ee9cae99ac1e177435b8 100644 --- a/Build/Sources/Sass/component/_tree.scss +++ b/Build/Sources/Sass/component/_tree.scss @@ -33,6 +33,7 @@ // Nodes // .nodes-container { + color-scheme: light dark; color: var(--tree-color); background: var(--tree-bg); position: relative; diff --git a/Build/Sources/Sass/element/typo3-backend-new-record-wizard.scss b/Build/Sources/Sass/element/typo3-backend-new-record-wizard.scss deleted file mode 100644 index 9fc52ffc460971cd7834a669325d091139b49645..0000000000000000000000000000000000000000 --- a/Build/Sources/Sass/element/typo3-backend-new-record-wizard.scss +++ /dev/null @@ -1,7 +0,0 @@ -// -// CSS for custom element: -// typo3-backend-new-record-wizard -// -typo3-backend-new-record-wizard { - color-scheme: only light; -} diff --git a/Build/Sources/Sass/libs/_selectpure.scss b/Build/Sources/Sass/libs/_selectpure.scss index 6b05c22a6fc0b7b4bbfaffba8f3db819b0c7f35d..c965851afbb61b7af431da46005f665c0bc07ba9 100644 --- a/Build/Sources/Sass/libs/_selectpure.scss +++ b/Build/Sources/Sass/libs/_selectpure.scss @@ -24,7 +24,5 @@ select-pure { .input-group > & { position: relative; flex: 1 1 auto; - // @todo: Remove once bootstrap's input-group is dark-mode capable - color-scheme: only light; } } diff --git a/typo3/sysext/backend/Resources/Public/Css/backend.css b/typo3/sysext/backend/Resources/Public/Css/backend.css index dd5913ce20b8e991a126fd2d1475ea2629601d4a..a2c0d59b3720c82b7dbbf846efa4b4c9a3cded85 100644 --- a/typo3/sysext/backend/Resources/Public/Css/backend.css +++ b/typo3/sysext/backend/Resources/Public/Css/backend.css @@ -2790,7 +2790,7 @@ button[aria-expanded=true]:not(:disabled) .modulemenu-indicator:after{transform: .scaffold-modulemenu-expanded .modulemenu-action{margin-inline-start:0;width:100%} .scaffold-modulemenu-expanded .modulemenu-indicator{display:block!important} .scaffold-modulemenu-expanded .modulemenu-name{position:static;margin:0;margin-inline-start:1em;width:auto;height:auto} -:root{color-scheme:light dark;--typo3-font-family-sans-serif:Verdana,Arial,Helvetica,sans-serif;--typo3-font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--typo3-font-family:var(--typo3-font-family-sans-serif);--typo3-font-family-code:var(--typo3-font-family-monospace);--typo3-spacing:1rem;--typo3-color-scheme:auto;--typo3-header-font-family:"Source Sans 3",sans-serif;--typo3-component-color:light-dark(#000, #fff);--typo3-component-primary-color:light-dark(#0078e6, #66aef0);--typo3-component-secondary-color:light-dark(#666666, #999999);--typo3-component-match-highlight-color:inherit;--typo3-component-match-highlight-bg:rgba(234, 92, 0, .33);--typo3-component-bg:light-dark(#fff, rgb(30, 30, 30));--typo3-component-link-color:light-dark(#0078e6, #66aef0);--typo3-component-link-hover-color:light-dark(#1a86e9, #80bcf3);--typo3-component-font-size:12px;--typo3-component-line-height:1.5;--typo3-component-border-radius:4px;--typo3-component-border-width:1px;--typo3-component-border-color:light-dark(rgb(215, 215, 215), rgb(51, 51, 51));--typo3-component-padding-y:.75rem;--typo3-component-padding-x:1rem;--typo3-component-box-shadow:0 1px 2px rgba(0, 0, 0, .25);--typo3-component-box-shadow-strong:0 2px 4px rgba(0, 0, 0, .5);--typo3-component-hover-color:var(--typo3-component-color);--typo3-component-hover-bg:light-dark(#f2f8fe, rgb(51, 51, 51));--typo3-component-hover-border-color:light-dark(#d9ebfb, rgb(90, 90, 90));--typo3-component-focus-color:var(--typo3-component-color);--typo3-component-focus-bg:light-dark(#f2f8fe, #003c73);--typo3-component-focus-border-color:light-dark(#3393eb, #00488a);--typo3-component-active-color:#fff;--typo3-component-active-bg:light-dark(#3393eb, #0066c4);--typo3-component-active-border-color:light-dark(#3393eb, #0060b8);--typo3-component-disabled-color:rgb(115, 115, 115);--typo3-component-disabled-bg:transparent;--typo3-component-disabled-border-color:transparent;--typo3-component-spacing:2rem;--typo3-list-item-padding-y:.5rem;--typo3-list-item-padding-x:.75rem;--typo3-list-item-hover-color:var(--typo3-component-hover-color);--typo3-list-item-hover-bg:var(--typo3-component-hover-bg);--typo3-list-item-hover-border-color:var(--typo3-component-hover-border-color);--typo3-list-item-focus-color:var(--typo3-component-focus-color);--typo3-list-item-focus-bg:var(--typo3-component-focus-bg);--typo3-list-item-focus-border-color:var(--typo3-component-focus-border-color);--typo3-list-item-active-color:var(--typo3-list-item-focus-color);--typo3-list-item-active-bg:var(--typo3-list-item-focus-bg);--typo3-list-item-active-border-color:var(--typo3-list-item-focus-border-color);--typo3-list-item-disabled-color:var(--typo3-component-disabled-color);--typo3-list-item-disabled-bg:var(--typo3-component-disabled-bg);--typo3-list-item-disabled-border-color:var(--typo3-component-disabled-border-color);--typo3-legend-font-weight:600;--typo3-input-color:#333;--typo3-input-color-placeholder:rgb(187, 187, 187);--typo3-input-bg:#fefefe;--typo3-input-border-width:var(--bs-border-width);--typo3-input-border-color:rgb(187, 187, 187);--typo3-input-border-radius:0.125rem;--typo3-input-box-shadow:var(--bs-box-shadow-inset);--typo3-input-focus-color:#333;--typo3-input-focus-bg:#fefefe;--typo3-input-focus-border-color:#80bcf3;--typo3-input-focus-box-shadow:0 0 0 0.25rem rgba(0, 120, 230, 0.25);--typo3-input-disabled-bg:var(--bs-secondary-bg)} +:root{color-scheme:only light;--typo3-font-family-sans-serif:Verdana,Arial,Helvetica,sans-serif;--typo3-font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--typo3-font-family:var(--typo3-font-family-sans-serif);--typo3-font-family-code:var(--typo3-font-family-monospace);--typo3-spacing:1rem;--typo3-color-scheme:auto;--typo3-header-font-family:"Source Sans 3",sans-serif;--typo3-component-color:light-dark(#000, #fff);--typo3-component-primary-color:light-dark(#0078e6, #66aef0);--typo3-component-secondary-color:light-dark(#666666, #999999);--typo3-component-match-highlight-color:inherit;--typo3-component-match-highlight-bg:rgba(234, 92, 0, .33);--typo3-component-bg:light-dark(#fff, rgb(30, 30, 30));--typo3-component-link-color:light-dark(#0078e6, #66aef0);--typo3-component-link-hover-color:light-dark(#1a86e9, #80bcf3);--typo3-component-font-size:12px;--typo3-component-line-height:1.5;--typo3-component-border-radius:4px;--typo3-component-border-width:1px;--typo3-component-border-color:light-dark(rgb(215, 215, 215), rgb(51, 51, 51));--typo3-component-padding-y:.75rem;--typo3-component-padding-x:1rem;--typo3-component-box-shadow:0 1px 2px rgba(0, 0, 0, .25);--typo3-component-box-shadow-strong:0 2px 4px rgba(0, 0, 0, .5);--typo3-component-hover-color:var(--typo3-component-color);--typo3-component-hover-bg:light-dark(#f2f8fe, rgb(51, 51, 51));--typo3-component-hover-border-color:light-dark(#d9ebfb, rgb(90, 90, 90));--typo3-component-focus-color:var(--typo3-component-color);--typo3-component-focus-bg:light-dark(#f2f8fe, #003c73);--typo3-component-focus-border-color:light-dark(#3393eb, #00488a);--typo3-component-active-color:#fff;--typo3-component-active-bg:light-dark(#3393eb, #0066c4);--typo3-component-active-border-color:light-dark(#3393eb, #0060b8);--typo3-component-disabled-color:rgb(115, 115, 115);--typo3-component-disabled-bg:transparent;--typo3-component-disabled-border-color:transparent;--typo3-component-spacing:2rem;--typo3-list-item-padding-y:.5rem;--typo3-list-item-padding-x:.75rem;--typo3-list-item-hover-color:var(--typo3-component-hover-color);--typo3-list-item-hover-bg:var(--typo3-component-hover-bg);--typo3-list-item-hover-border-color:var(--typo3-component-hover-border-color);--typo3-list-item-focus-color:var(--typo3-component-focus-color);--typo3-list-item-focus-bg:var(--typo3-component-focus-bg);--typo3-list-item-focus-border-color:var(--typo3-component-focus-border-color);--typo3-list-item-active-color:var(--typo3-list-item-focus-color);--typo3-list-item-active-bg:var(--typo3-list-item-focus-bg);--typo3-list-item-active-border-color:var(--typo3-list-item-focus-border-color);--typo3-list-item-disabled-color:var(--typo3-component-disabled-color);--typo3-list-item-disabled-bg:var(--typo3-component-disabled-bg);--typo3-list-item-disabled-border-color:var(--typo3-component-disabled-border-color);--typo3-legend-font-weight:600;--typo3-input-color:#333;--typo3-input-color-placeholder:rgb(187, 187, 187);--typo3-input-bg:#fefefe;--typo3-input-border-width:var(--bs-border-width);--typo3-input-border-color:rgb(187, 187, 187);--typo3-input-border-radius:0.125rem;--typo3-input-box-shadow:var(--bs-box-shadow-inset);--typo3-input-focus-color:#333;--typo3-input-focus-bg:#fefefe;--typo3-input-focus-border-color:#80bcf3;--typo3-input-focus-box-shadow:0 0 0 0.25rem rgba(0, 120, 230, 0.25);--typo3-input-disabled-bg:var(--bs-secondary-bg)} [data-color-scheme=auto]{color-scheme:light dark} [data-color-scheme=dark]{color-scheme:only dark} [data-color-scheme=light]{color-scheme:only light} @@ -3129,7 +3129,7 @@ a.dropdown-toggle{text-decoration:none} .simpletable td:last-child,.simpletable th:last-child{padding-inline-end:0} .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:unset;margin-inline-start:calc(var(--bs-border-width) * -1)} select-pure{--select-height:43.2px;--select-width:100%;--border-radius:calc(var(--typo3-component-border-radius) - var(--typo3-component-border-width));--border-width:var(--typo3-component-border-width);--border-color:var(--typo3-component-border-color);--padding:var(--typo3-list-item-padding-y) var(--typo3-list-item-padding-x);--dropdown-z-index:2;--disabled-background-color:var(--typo3-component-disabled-bg);--disabled-color:var(--typo3-component-disabled-color);--background-color:var(--typo3-component-bg);--color:var(--typo3-component-color);--hover-background-color:var(--typo3-component-hover-bg);--hover-color:var(--typo3-component-hover-color);--selected-background-color:var(--typo3-component-active-bg);--selected-color:var(--typo3-component-active-color);--dropdown-gap:2px;--font-size:var(--typo3-component-font-size);--font-family:inherit;--font-weight:400;--select-outline:1px solid var(--typo3-input-focus-border-color);--dropdown-items:4} -.input-group>select-pure{position:relative;flex:1 1 auto;color-scheme:only light} +.input-group>select-pure{position:relative;flex:1 1 auto} .cropper-container{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none} .cropper-container img{display:block;image-orientation:0deg!important;height:100%;width:100%;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important} .cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal{position:absolute;top:0;right:0;bottom:0;left:0} @@ -3184,7 +3184,7 @@ select-pure{--select-height:43.2px;--select-width:100%;--border-radius:calc(var( 100%{transform:rotate(360deg)} } :root{--alwan-pattern:url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 20 20'><path fill='%23D0D0D0' d='M0 0h10v10H0Z'/><path fill='%23fff' d='M0 10h10v10H0Z'/><path fill='%23D0D0D0' d='M10 10h10v10H10Z'/><path fill='%23fff' d='M10 0h10v10H10Z'/></svg>")} -.alwan{direction:ltr;width:100%;max-width:260px;background:var(--typo3-component-bg);border:1px solid var(--typo3-component-border-color);overflow-y:auto} +.alwan{color-scheme:light dark;direction:ltr;width:100%;max-width:260px;background:var(--typo3-component-bg);border:1px solid var(--typo3-component-border-color);overflow-y:auto} .alwan *{box-sizing:border-box} .alwan:not(.alwan--open){visibility:hidden} .alwan:not(.alwan--open)[data-display=block]{overflow:hidden;height:0;border:0} @@ -3247,7 +3247,7 @@ select-pure{--select-height:43.2px;--select-width:100%;--border-radius:calc(var( .alwan--collapse.alwan__swatches{display:none} .alwan--collapse+.alwan__toggle-button svg{transform:rotate(180deg)} :root{--flatpickr-bar-size:40px;--flatpickr-grid-size:32px;--flatpickr-grid-spacing:2px;--flatpickr-width:calc((var(--flatpickr-grid-size) * 7) + (var(--flatpickr-grid-spacing) * 10) + 2px)} -.flatpickr-calendar{opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;color:var(--typo3-component-color);border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--typo3-component-border-radius);font-size:var(--typo3-component-font-size);position:absolute;width:var(--flatpickr-width);touch-action:manipulation;background:var(--typo3-component-bg);box-shadow:var(--typo3-component-box-shadow)} +.flatpickr-calendar{color-scheme:light dark;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;color:var(--typo3-component-color);border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--typo3-component-border-radius);font-size:var(--typo3-component-font-size);position:absolute;width:var(--flatpickr-width);touch-action:manipulation;background:var(--typo3-component-bg);box-shadow:var(--typo3-component-box-shadow)} .flatpickr-calendar:before{border-width:5px;margin:0 -5px} .flatpickr-calendar:after{border-width:4px;margin:0 -4px} .flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:6px solid transparent;content:"";height:0;width:0;left:22px} @@ -3342,7 +3342,7 @@ to{opacity:1;transform:translate3d(0,0,0)} .shortcut-buttons-flatpickr-button:focus{color:var(--typo3-component-focus-color);background:var(--typo3-component-focus-bg);outline:1px solid var(--typo3-component-focus-border-color);outline-offset:-1px} :root{--tree-color:var(--typo3-component-color);--tree-bg:var(--typo3-component-bg);--tree-node-color:var(--tree-color);--tree-node-bg:var(--tree-bg);--tree-node-border-color:transparent;--tree-node-focus-color:var(--typo3-component-focus-color);--tree-node-focus-bg:var(--typo3-component-focus-bg);--tree-node-focus-border-color:var(--typo3-component-focus-border-color);--tree-node-hover-color:var(--typo3-component-hover-color);--tree-node-hover-bg:var(--typo3-component-hover-bg);--tree-node-hover-border-color:var(--typo3-component-hover-border-color);--tree-node-selected-color:var(--typo3-component-active-color);--tree-node-selected-bg:var(--typo3-component-active-bg);--tree-node-selected-border-color:var(--typo3-component-active-border-color);--tree-node-version-bg:rgba(247, 200, 152, 0.5);--tree-info-bg:#c5ddf3;--tree-info-color:#000;--tree-drop-position-bg:var(--typo3-component-primary-color);--tree-drag-dropzone-delete-color:#fff;--tree-drag-dropzone-delete-bg:#c83c3c;--tree-drag-dropindicator-color:#3393eb} .tree{position:relative} -.nodes-container{color:var(--tree-color);background:var(--tree-bg);position:relative;height:100%;width:100%} +.nodes-container{color-scheme:light dark;color:var(--tree-color);background:var(--tree-bg);position:relative;height:100%;width:100%} .nodes-loader{position:absolute;width:100%;height:100%;top:0;inset-inline-start:0;color:var(--tree-color);background:var(--tree-bg);z-index:3000} .nodes-loader-inner{height:100%;width:100%;display:flex;align-items:center;justify-content:center} .nodes-root{background-color:inherit;display:block;position:absolute;top:0;inset-inline-start:0;height:100%;width:100%;overflow-y:auto} @@ -3488,7 +3488,7 @@ typo3-backend-form-selecttree-toolbar{display:block;border-bottom:1px solid rgba .table-transparent{--bs-table-bg:transparent} .table-vertical-top td,.table-vertical-top th{vertical-align:top!important} .table-center td,.table-center th{text-align:center!important} -.table-fit{color-scheme:only light;width:100%;border-radius:var(--typo3-component-border-radius);box-shadow:var(--typo3-component-box-shadow);margin-bottom:var(--typo3-spacing);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ccc} +.table-fit{width:100%;border-radius:var(--typo3-component-border-radius);box-shadow:var(--typo3-component-box-shadow);margin-bottom:var(--typo3-spacing);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ccc} .table-fit .table-bordered>:not(caption)>*{border-width:0} .table-fit .table-bordered>:not(caption)>*>*{border-top:0;border-width:var(--bs-border-width)} .table-fit caption{border-top:var(--bs-border-width) solid #ccc;padding-left:var(--typo3-component-padding-x);padding-right:var(--typo3-component-padding-x)} @@ -3681,7 +3681,7 @@ a.card:hover{--typo3-card-border-color:var(--typo3-card-hover-border-color);text .form-label+.form-description{margin-top:-.25rem} .form-group{margin-bottom:var(--typo3-spacing)} .form-group-dashed+.form-group-dashed{padding-top:var(--typo3-spacing);border-top:1px dashed rgba(0,0,0,.15)} -.form-wizard-icon-list{color:var(--typo3-component-color);background:var(--typo3-component-bg);border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--bs-border-radius);margin-top:.25rem;padding:calc(var(--typo3-spacing)/ 4);display:flex;flex-wrap:wrap;gap:2px} +.form-wizard-icon-list{color-scheme:light dark;color:var(--typo3-component-color);background:var(--typo3-component-bg);border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--bs-border-radius);margin-top:.25rem;padding:calc(var(--typo3-spacing)/ 4);display:flex;flex-wrap:wrap;gap:2px} .form-wizard-icon-list-item a{display:flex;height:100%;color:var(--typo3-component-color);border-radius:calc(var(--typo3-component-border-radius)/ 2);padding:calc(var(--typo3-spacing)/ 2);align-items:center;justify-content:center;outline-offset:-1px} .form-wizard-icon-list-item a:hover{color:var(--typo3-list-item-hover-color);background-color:var(--typo3-list-item-hover-bg);outline:1px solid var(--typo3-list-item-hover-border-color)} .form-wizard-icon-list-item a:focus{color:var(--typo3-list-item-focus-color);background-color:var(--typo3-list-item-focus-bg);outline:1px solid var(--typo3-list-item-focus-border-color)} @@ -3840,7 +3840,6 @@ typo3-backend-draggable-resizable #t3js-cropper-focus-area{width:100%;height:100 typo3-backend-draggable-resizable .ui-resizable-handle{z-index:90} typo3-backend-editable-page-title{display:block;white-space:nowrap;text-overflow:ellipsis} typo3-backend-formengine-char-counter{inset-inline-start:0;position:absolute;top:100%;display:flex} -typo3-backend-new-record-wizard{color-scheme:only light} typo3-backend-security-csp-reports .infolist-container{container-type:inline-size} typo3-backend-security-csp-reports .infolist{display:flex;gap:var(--typo3-spacing);flex-direction:column} typo3-backend-security-csp-reports .infolist-info{display:none}