[BUGFIX] Remove button group in image-cropper 53/43453/8
authorBoris Schauer <me@bschauer.de>
Mon, 21 Sep 2015 09:47:09 +0000 (11:47 +0200)
committerStefan Neufeind <typo3.neufeind@speedpartner.de>
Tue, 27 Oct 2015 20:33:13 +0000 (21:33 +0100)
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
typo3/sysext/backend/Resources/Private/Templates/Wizards/ImageManipulationWizard.html
typo3/sysext/t3skin/Resources/Public/Css/backend.css

index ef6364c..d74575b 100644 (file)
@@ -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;
+       }
+}
index 0d440f2..fa837b1 100644 (file)
@@ -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>
index 6bde2be..db5b9a9 100644 (file)
@@ -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;
 }