diff --git a/Build/Sources/Sass/component/_statusreport.scss b/Build/Sources/Sass/component/_statusreport.scss index d482a5bff8cd279f33cf9fcfdc12485360dfd136..0139a381898624cfc06ff09c829898c8a2db57f9 100644 --- a/Build/Sources/Sass/component/_statusreport.scss +++ b/Build/Sources/Sass/component/_statusreport.scss @@ -139,6 +139,12 @@ container-type: inline-size; } +@container (max-width: 800px) { + .statusreport { + grid-template: 'statusreport-indicator statusreport-title statusreport-body' / calc(var(--statusreport-icon-size) * 1.5) 200px auto; + } +} + @container (max-width: 500px) { .statusreport { grid-template: 'statusreport-indicator statusreport-title' 'statusreport-indicator statusreport-body' / calc(var(--statusreport-icon-size) * 1.5) auto; diff --git a/typo3/sysext/backend/Resources/Public/Css/backend.css b/typo3/sysext/backend/Resources/Public/Css/backend.css index 2582be0ec5495b63a2057c69475e195d58cc6ec2..1ca7bb4b94c75ea756ef4e8ffb7823cf0bbf25b5 100644 --- a/typo3/sysext/backend/Resources/Public/Css/backend.css +++ b/typo3/sysext/backend/Resources/Public/Css/backend.css @@ -2890,6 +2890,11 @@ a.dropdown-toggle{text-decoration:none} container-type: inline-size; } +@container (max-width: 800px) { + .statusreport { + grid-template: "statusreport-indicator statusreport-title statusreport-body"/calc(var(--statusreport-icon-size) * 1.5) 200px auto; + } +} @container (max-width: 500px) { .statusreport { grid-template: "statusreport-indicator statusreport-title" "statusreport-indicator statusreport-body"/calc(var(--statusreport-icon-size) * 1.5) auto;