[BUGFIX] Visible notification if cropping has changed 16/38716/4
authorFrank Nägler <typo3@naegler.net>
Wed, 15 Apr 2015 18:30:42 +0000 (20:30 +0200)
committerAndreas Fernandez <andreas.fernandez@aspedia.de>
Thu, 16 Apr 2015 05:53:35 +0000 (07:53 +0200)
For all formfields there is a visible notification (blue border)
for when value has been changed. This is now also visible for
the preview image if the cropping has been changed.

Resolves: #66442
Releases: master
Change-Id: I0a089687b8641732076c302f43f9d8a5e7a671ab
Reviewed-on: http://review.typo3.org/38716
Reviewed-by: Frans Saris <franssaris@gmail.com>
Tested-by: Frans Saris <franssaris@gmail.com>
Reviewed-by: Markus Klein <klein.t3@reelworx.at>
Reviewed-by: Wouter Wolters <typo3@wouterwolters.nl>
Reviewed-by: Andreas Fernandez <andreas.fernandez@aspedia.de>
Tested-by: Andreas Fernandez <andreas.fernandez@aspedia.de>
typo3/sysext/backend/Classes/Form/Element/ImageManipulationElement.php
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_main_form.less
typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css

index 1d2455d..8fdf6bb 100644 (file)
@@ -191,7 +191,7 @@ class ImageManipulationElement extends AbstractFormElement {
                        if ($processedImage->getProperty('width')) {
                                $imageUrl = $processedImage->getPublicUrl(TRUE);
                                $preview = '<img src="' . $imageUrl . '" ' .
-                                       'class="media-object thumbnail" ' .
+                                       'class="media-object thumbnail thumbnail-status" ' .
                                        'width="' . $processedImage->getProperty('width') . '" ' .
                                        'height="' . $processedImage->getProperty('height') . '" >';
                        }
index e96ec94..222ed3b 100644 (file)
@@ -35,6 +35,10 @@ span.typo3-moduleHeader img {
 //
 .has-change {
        .form-control-validation(@state-info-text; @state-info-text; @state-info-bg);
+
+       .thumbnail-status {
+               border: 1px solid @state-info-text;
+       }
 }
 
 //
index b9bdf93..1f6e24e 100644 (file)
@@ -10729,6 +10729,9 @@ span.typo3-moduleHeader img {
 .has-change .form-control-feedback {
   color: #6daae0;
 }
+.has-change .thumbnail-status {
+  border: 1px solid #6daae0;
+}
 .input-group-icon {
   width: 32px;
   vertical-align: middle;