From e1c24d137c464e4a4d74171502ec0daf02d5b1ab Mon Sep 17 00:00:00 2001
From: Boris Schauer <me@bschauer.de>
Date: Mon, 21 Sep 2015 11:47:09 +0200
Subject: [PATCH] [BUGFIX] Remove button group in image-cropper
If labels on the crop buttons are too long or if there are more
buttons then the btn-group breaks the view.
Resolves: #69991
Releases: master
Change-Id: Ie0e01eeb351aa5a3fed4c67beab32b4acb63e557
Reviewed-on: https://review.typo3.org/43453
Reviewed-by: Andreas Bouche <andreas.bouche@flagbit.de>
Tested-by: Andreas Bouche <andreas.bouche@flagbit.de>
Reviewed-by: Stefan Neufeind <typo3.neufeind@speedpartner.de>
Tested-by: Stefan Neufeind <typo3.neufeind@speedpartner.de>
---
Build/Resources/Public/Less/TYPO3/_element_cropper.less | 7 ++++++-
.../Private/Templates/Wizards/ImageManipulationWizard.html | 2 +-
typo3/sysext/t3skin/Resources/Public/Css/backend.css | 3 +++
3 files changed, 10 insertions(+), 2 deletions(-)
diff --git a/Build/Resources/Public/Less/TYPO3/_element_cropper.less b/Build/Resources/Public/Less/TYPO3/_element_cropper.less
index ef6364c91775..d74575b13045 100644
--- a/Build/Resources/Public/Less/TYPO3/_element_cropper.less
+++ b/Build/Resources/Public/Less/TYPO3/_element_cropper.less
@@ -29,4 +29,9 @@
max-width: none!important;
max-height: none!important;
}
-}
\ No newline at end of file
+}
+.ratio-buttons {
+ .btn.btn-default {
+ margin-bottom: 5px;
+ }
+}
diff --git a/typo3/sysext/backend/Resources/Private/Templates/Wizards/ImageManipulationWizard.html b/typo3/sysext/backend/Resources/Private/Templates/Wizards/ImageManipulationWizard.html
index 0d440f202167..fa837b1c5669 100644
--- a/typo3/sysext/backend/Resources/Private/Templates/Wizards/ImageManipulationWizard.html
+++ b/typo3/sysext/backend/Resources/Private/Templates/Wizards/ImageManipulationWizard.html
@@ -22,7 +22,7 @@
<f:if condition="{ratios}">
<div class="form-group">
<label for="ratio"><f:translate key="LLL:EXT:lang/locallang_wizards.xlf:imwizard.aspect-ratio" /></label>
- <div class="btn-group btn-group-justified t3js-ratio-buttons" data-toggle="buttons">
+ <div class="ratio-buttons t3js-ratio-buttons" data-toggle="buttons">
<f:for each="{ratios}" as="ratio" key="key" iteration="iteration">
<label class="btn btn-default" data-method="setAspectRatio" data-option="{key}" title="{f:translate(key:'LLL:EXT:lang/locallang_wizards.xlf:imwizard.set-aspect-ratio')}"><input class="sr-only" id="aspestRatio{iteration.cycle}" name="aspestRatio" value="{key}" type="radio"> <span>{ratio}</span></label>
</f:for>
diff --git a/typo3/sysext/t3skin/Resources/Public/Css/backend.css b/typo3/sysext/t3skin/Resources/Public/Css/backend.css
index 6bde2be15aa2..db5b9a960391 100644
--- a/typo3/sysext/t3skin/Resources/Public/Css/backend.css
+++ b/typo3/sysext/t3skin/Resources/Public/Css/backend.css
@@ -9217,6 +9217,9 @@ iframe,
max-width: none!important;
max-height: none!important;
}
+.ratio-buttons .btn.btn-default {
+ margin-bottom: 5px;
+}
.typo3-csh-inline {
padding: 4px;
}
--
GitLab