diff --git a/Build/Resources/Public/Less/TYPO3/_element_cropper.less b/Build/Resources/Public/Less/TYPO3/_element_cropper.less index 853a93bc30edfc894ec45eaf1fdd5c30849bade2..5d945ebce348f76b7d3779cf427c8c44ebaae211 100644 --- a/Build/Resources/Public/Less/TYPO3/_element_cropper.less +++ b/Build/Resources/Public/Less/TYPO3/_element_cropper.less @@ -55,6 +55,10 @@ outline: 1px dashed @color-orange; } + .cropper-modal { + background-color: transparent; + } + .cropper-bg { background-image: data-uri("../Images/cropper-background.png"); } @@ -84,20 +88,6 @@ [aria-expanded=true] { border-left: 2px solid @color-orange; position: relative; - - &:before { - position: absolute; - left: -10px; - top: 50%; - margin-top: -10px; - content: " "; - width: 0; - height: 0; - border-style: solid; - border-width: 10px 10px 10px 0; - border-color: transparent @color-orange transparent transparent; - } - &[data-toggle=collapse] { background-color: #333; } diff --git a/Build/Resources/Public/Less/TYPO3/_element_modal.less b/Build/Resources/Public/Less/TYPO3/_element_modal.less index c0c20660b48a9b7eb4329881afc6056544c6ddb8..f5ba154fd78ae318192d5f1392abd4f18994eeab 100644 --- a/Build/Resources/Public/Less/TYPO3/_element_modal.less +++ b/Build/Resources/Public/Less/TYPO3/_element_modal.less @@ -105,7 +105,7 @@ height: 90vh; .modal-panel { display: flex; - max-height: 80vh; + height: 80vh; overflow: visible; } .modal-panel-body { @@ -115,12 +115,14 @@ justify-content: center; } .modal-panel .modal-panel-body { - max-height: 100%; - width: 100% !important; + height: 100%; + width: 78% ; + float: none; + overflow: hidden } .modal-panel .modal-panel-sidebar { - min-width: 300px; + width: 22%; max-height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; @@ -128,6 +130,7 @@ .modal-panel .modal-panel-sidebar-right { background-color: #212424; + float: none; position: relative; } diff --git a/typo3/sysext/backend/Resources/Public/Css/backend.css b/typo3/sysext/backend/Resources/Public/Css/backend.css index 5464aa646324dc6fb282e3d3adc03ca8e639f9a1..25abc92a5159549b437344c1ac28e99ff89de26e 100644 --- a/typo3/sysext/backend/Resources/Public/Css/backend.css +++ b/typo3/sysext/backend/Resources/Public/Css/backend.css @@ -9715,6 +9715,9 @@ iframe, .cropper .cropper-view-box { outline: 1px dashed #ff8700; } +.cropper .cropper-modal { + background-color: transparent; +} .cropper .cropper-bg { background-image: url("../Images/cropper-background.png"); } @@ -9740,18 +9743,6 @@ iframe, border-left: 2px solid #ff8700; position: relative; } -.cropper .panel-group [aria-expanded=true]:before { - position: absolute; - left: -10px; - top: 50%; - margin-top: -10px; - content: " "; - width: 0; - height: 0; - border-style: solid; - border-width: 10px 10px 10px 0; - border-color: transparent #ff8700 transparent transparent; -} .cropper .panel-group [aria-expanded=true][data-toggle=collapse] { background-color: #333; } @@ -10497,7 +10488,7 @@ div#contentMenu1 { .modal-image-manipulation .modal-panel { display: -ms-flexbox; display: flex; - max-height: 80vh; + height: 80vh; overflow: visible; } .modal-image-manipulation .modal-panel-body { @@ -10510,17 +10501,20 @@ div#contentMenu1 { justify-content: center; } .modal-image-manipulation .modal-panel .modal-panel-body { - max-height: 100%; - width: 100% !important; + height: 100%; + width: 78% ; + float: none; + overflow: hidden; } .modal-image-manipulation .modal-panel .modal-panel-sidebar { - min-width: 300px; + width: 22%; max-height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .modal-image-manipulation .modal-panel .modal-panel-sidebar-right { background-color: #212424; + float: none; position: relative; } .modal-image-manipulation .modal-panel .modal-footer { diff --git a/typo3/sysext/install/Resources/Public/Css/install.css b/typo3/sysext/install/Resources/Public/Css/install.css index fb23cf71c77fbaf5f4e27e717d4eae39efc4f0a7..8df8dabc110bfc28669dad6816141a1b578764b9 100644 --- a/typo3/sysext/install/Resources/Public/Css/install.css +++ b/typo3/sysext/install/Resources/Public/Css/install.css @@ -5921,7 +5921,7 @@ a.thumbnail.active { overflow: hidden; height: 18px; margin-bottom: 18px; - background-color: #f5f5f5; + background-color: #dedede; border-radius: 2px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }