[BUGFIX] Remove styling from .t3js-* classes 29/51629/2
authorAndreas Fernandez <a.fernandez@scripting-base.de>
Fri, 10 Feb 2017 17:37:30 +0000 (18:37 +0100)
committerMarkus Klein <markus.klein@typo3.org>
Sat, 11 Feb 2017 18:21:38 +0000 (19:21 +0100)
Resolves: #79729
Releases: master
Change-Id: I689e8ecd0ffa2d005931e6162fb8df5d9694da3d
Reviewed-on: https://review.typo3.org/51629
Tested-by: TYPO3com <no-reply@typo3.com>
Reviewed-by: Michael Oehlhof <typo3@oehlhof.de>
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
Reviewed-by: Markus Klein <markus.klein@typo3.org>
Tested-by: Markus Klein <markus.klein@typo3.org>
27 files changed:
Build/Resources/Public/Less/TYPO3/_element_cropper.less
Build/Resources/Public/Less/TYPO3/_element_tceforms.less
typo3/sysext/backend/Classes/Form/Container/FlexFormElementContainer.php
typo3/sysext/backend/Classes/Form/Element/CheckboxElement.php
typo3/sysext/backend/Classes/Form/Element/GroupElement.php
typo3/sysext/backend/Classes/Form/Element/InputColorPickerElement.php
typo3/sysext/backend/Classes/Form/Element/InputDateTimeElement.php
typo3/sysext/backend/Classes/Form/Element/InputLinkElement.php
typo3/sysext/backend/Classes/Form/Element/InputTextElement.php
typo3/sysext/backend/Classes/Form/Element/NoneElement.php
typo3/sysext/backend/Classes/Form/Element/RadioElement.php
typo3/sysext/backend/Classes/Form/Element/SelectCheckBoxElement.php
typo3/sysext/backend/Classes/Form/Element/SelectMultipleSideBySideElement.php
typo3/sysext/backend/Classes/Form/Element/SelectSingleBoxElement.php
typo3/sysext/backend/Classes/Form/Element/SelectSingleElement.php
typo3/sysext/backend/Classes/Form/Element/SelectTreeElement.php
typo3/sysext/backend/Classes/Form/Element/TextElement.php
typo3/sysext/backend/Classes/Form/Element/TextTableElement.php
typo3/sysext/backend/Classes/Form/Element/UserElement.php
typo3/sysext/backend/Classes/View/Wizard/Element/BackendLayoutWizardElement.php
typo3/sysext/backend/Resources/Private/TypeScript/ImageManipulation.ts
typo3/sysext/backend/Resources/Public/Css/backend.css
typo3/sysext/backend/Resources/Public/JavaScript/ImageManipulation.js
typo3/sysext/rsaauth/Classes/Form/Element/RsaInputElement.php
typo3/sysext/rte_ckeditor/Classes/Form/Element/RichTextElement.php
typo3/sysext/rtehtmlarea/Classes/Form/Element/RichTextElement.php
typo3/sysext/t3editor/Classes/Form/Element/T3editorElement.php

index e63faaa..0404c01 100644 (file)
                max-width: 1000px !important;
        }
 
+       // Custom styles for cropper radio buttons
        .ratio-buttons {
-               .btn.btn-default {
-                       margin-bottom: 5px;
+               margin-bottom: 10px;
+
+               .btn {
+                       &.btn-default {
+                               margin-bottom: 5px;
+                       }
+                       &:not(.active) .fa {
+                               display: none;
+                       }
                }
        }
 
                }
        }
 
-       // Custom styles for cropper radio buttons
-       .t3js-ratio-buttons {
-               margin-bottom: 10px;
-
-               .btn:not(.active) .fa {
-                       display: none;
-               }
-       }
-
-
        // Cropper UI-specific styles
        .cropper-focus-area {
                cursor: move;
                }
        }
 
-       .t3js-cropper-cover-area {
+       .cropper-cover-area {
                background: url("../Images/cropper-background-cover-area.svg");
                pointer-events: none;
                cursor: not-allowed;
index 1729cfd..e9ffce7 100644 (file)
@@ -231,7 +231,7 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex {
 .t3-form-field-disable {
        display: none;
 }
-.t3js-formengine-field-item.disabled {
+.formengine-field-item.disabled {
        position: relative;
        .t3-form-field-disable {
                z-index: 8000;
index 69ddac5..b986978 100644 (file)
@@ -144,7 +144,7 @@ class FlexFormElementContainer extends AbstractContainer
                 $html[] =        '<label class="t3js-formengine-label">';
                 $html[] =            BackendUtility::wrapInHelp($parameterArray['_cshKey'], $flexFormFieldName, $processedTitle);
                 $html[] =        '</label>';
-                $html[] =        '<div class="t3js-formengine-field-item">';
+                $html[] =        '<div class="formengine-field-item t3js-formengine-field-item">';
                 $html[] =            $childResult['html'];
                 $html[] =        '</div>';
                 $html[] =    '</div>';
index b697f15..e066221 100644 (file)
@@ -136,7 +136,7 @@ class CheckboxElement extends AbstractFormElement
         $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
 
         $html = [];
-        $html[] = '<div class="t3js-formengine-field-item">';
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
         if (!$disabled) {
             $html[] = $fieldInformationHtml;
         }
index 846396e..6d8ac29 100644 (file)
@@ -178,7 +178,7 @@ class GroupElement extends AbstractFormElement
         if (isset($config['readOnly']) && $config['readOnly']) {
             // Return early if element is read only
             $html = [];
-            $html[] = '<div class="t3js-formengine-field-item">';
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
             $html[] =   '<div class="form-wizards-wrap">';
             $html[] =       '<div class="form-wizards-element">';
             $html[] =           '<select';
@@ -304,7 +304,7 @@ class GroupElement extends AbstractFormElement
         $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
 
         $html = [];
-        $html[] = '<div class="t3js-formengine-field-item">';
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
         $html[] =   $fieldInformationHtml;
         $html[] =   '<div class="form-wizards-wrap">';
         if ($internalType === 'db' && (!isset($config['hideSuggest']) || (bool)$config['hideSuggest'] !== true)) {
index eb7c8b6..18c23ba 100644 (file)
@@ -71,7 +71,7 @@ class InputColorPickerElement extends AbstractFormElement
 
         if ($config['readOnly']) {
             $html = [];
-            $html[] = '<div class="t3js-formengine-field-item">';
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
             $html[] =   '<div class="form-wizards-wrap">';
             $html[] =       '<div class="form-wizards-element">';
             $html[] =           '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
@@ -233,7 +233,7 @@ class InputColorPickerElement extends AbstractFormElement
             $fullElement = implode(LF, $fullElement);
         }
 
-        $resultArray['html'] = '<div class="t3js-formengine-field-item">' . $fieldInformationHtml . $fullElement . '</div>';
+        $resultArray['html'] = '<div class="formengine-field-item t3js-formengine-field-item">' . $fieldInformationHtml . $fullElement . '</div>';
         return $resultArray;
     }
 
index 6b291bd..3d85bda 100644 (file)
@@ -95,7 +95,7 @@ class InputDateTimeElement extends AbstractFormElement
             // Early return for read only fields
             $itemValue = $this->formatValue($format, $itemValue);
             $html = [];
-            $html[] = '<div class="t3js-formengine-field-item">';
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
             $html[] =   '<div class="form-wizards-wrap">';
             $html[] =       '<div class="form-wizards-element">';
             $html[] =           '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
@@ -253,7 +253,7 @@ class InputDateTimeElement extends AbstractFormElement
             $fullElement = implode(LF, $fullElement);
         }
 
-        $resultArray['html'] = '<div class="t3js-formengine-field-item">' . $fieldInformationHtml . $fullElement . '</div>';
+        $resultArray['html'] = '<div class="formengine-field-item t3js-formengine-field-item">' . $fieldInformationHtml . $fullElement . '</div>';
         return $resultArray;
     }
 
index 754d771..343dada 100644 (file)
@@ -94,7 +94,7 @@ class InputLinkElement extends AbstractFormElement
         if ($config['readOnly']) {
             // Early return for read only fields
             $html = [];
-            $html[] = '<div class="t3js-formengine-field-item">';
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
             $html[] =   '<div class="form-wizards-wrap">';
             $html[] =       '<div class="form-wizards-element">';
             $html[] =           '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
@@ -292,7 +292,7 @@ class InputLinkElement extends AbstractFormElement
             $fullElement = implode(LF, $fullElement);
         }
 
-        $resultArray['html'] = '<div class="t3js-formengine-field-item">' . $fieldInformationHtml . $fullElement . '</div>';
+        $resultArray['html'] = '<div class="formengine-field-item t3js-formengine-field-item">' . $fieldInformationHtml . $fullElement . '</div>';
         return $resultArray;
     }
 
index 08badc3..79196ef 100644 (file)
@@ -78,7 +78,7 @@ class InputTextElement extends AbstractFormElement
                 $itemValue = $itemValue ? '*********' : '';
             }
             $html = [];
-            $html[] = '<div class="t3js-formengine-field-item">';
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
             $html[] =   '<div class="form-wizards-wrap">';
             $html[] =       '<div class="form-wizards-element">';
             $html[] =           '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
@@ -295,7 +295,7 @@ class InputTextElement extends AbstractFormElement
             $fullElement = implode(LF, $fullElement);
         }
 
-        $resultArray['html'] = '<div class="t3js-formengine-field-item">' . $fieldInformationHtml . $fullElement . '</div>';
+        $resultArray['html'] = '<div class="formengine-field-item t3js-formengine-field-item">' . $fieldInformationHtml . $fullElement . '</div>';
         return $resultArray;
     }
 
index 21d0fcb..e7fb8a6 100644 (file)
@@ -68,7 +68,7 @@ class NoneElement extends AbstractFormElement
         $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
 
         $html = [];
-        $html[] = '<div class="t3js-formengine-field-item">';
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
         $html[] =   $fieldInformationHtml;
         $html[] =   '<div class="form-wizards-wrap">';
         $html[] =       '<div class="form-wizards-element">';
index 2eb27c8..1a722d2 100644 (file)
@@ -71,7 +71,7 @@ class RadioElement extends AbstractFormElement
             $fieldWizardHtml = $fieldWizardResult['html'];
             $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
 
-            $html[] = '<div class="t3js-formengine-field-item">';
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
             if (!$disabled) {
                 $html[] = $fieldInformationHtml;
             }
index 48c0825..10659ed 100644 (file)
@@ -147,7 +147,7 @@ class SelectCheckBoxElement extends AbstractFormElement
             $fieldWizardHtml = $legacyFieldWizardHtml . $fieldWizardResult['html'];
             $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
 
-            $html[] = '<div class="t3js-formengine-field-item">';
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
             if (!$disabled) {
                 $html[] = $fieldInformationHtml;
             }
index 9cfae06..9c34a24 100644 (file)
@@ -218,7 +218,7 @@ class SelectMultipleSideBySideElement extends AbstractFormElement
         $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
 
         $html = [];
-        $html[] = '<div class="t3js-formengine-field-item">';
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
         $html[] =   $fieldInformationHtml;
         $html[] =   '<div class="form-wizards-wrap">';
         $html[] =       '<div class="form-wizards-element">';
@@ -370,7 +370,7 @@ class SelectMultipleSideBySideElement extends AbstractFormElement
         }
 
         $html = [];
-        $html[] = '<div class="t3js-formengine-field-item">';
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
         $html[] =   '<div class="form-wizards-wrap">';
         $html[] =       '<div class="form-wizards-element">';
         $html[] =           '<label>';
index 005f83d..c3cc635 100644 (file)
@@ -115,7 +115,7 @@ class SelectSingleBoxElement extends AbstractFormElement
         $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
 
         $html = [];
-        $html[] = '<div class="t3js-formengine-field-item">';
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
         if (!$disabled) {
             $html[] = $fieldInformationHtml;
         }
index 63319c7..a79501f 100644 (file)
@@ -202,7 +202,7 @@ class SelectSingleElement extends AbstractFormElement
         $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
 
         $html = [];
-        $html[] = '<div class="t3js-formengine-field-item">';
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
         if (!$disabled) {
             $html[] = $fieldInformationHtml;
         }
index fc49a70..6affcde 100644 (file)
@@ -110,7 +110,7 @@ class SelectTreeElement extends AbstractFormElement
         $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
 
         $html = [];
-        $html[] = '<div class="t3js-formengine-field-item">';
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
         if (!$readOnly) {
             $html[] = $fieldInformationHtml;
         }
index a7d20fc..632caf0 100644 (file)
@@ -96,7 +96,7 @@ class TextElement extends AbstractFormElement
 
         if ($config['readOnly']) {
             $html = [];
-            $html[] = '<div class="t3js-formengine-field-item">';
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
             $html[] =   '<div class="form-wizards-wrap">';
             $html[] =       '<div class="form-wizards-element">';
             $html[] =           '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
@@ -292,7 +292,7 @@ class TextElement extends AbstractFormElement
             $fullElement = implode(LF, $fullElement);
         }
 
-        $resultArray['html'] = '<div class="t3js-formengine-field-item">' . $fieldInformationHtml . $fullElement . '</div>';
+        $resultArray['html'] = '<div class="formengine-field-item t3js-formengine-field-item">' . $fieldInformationHtml . $fullElement . '</div>';
         return $resultArray;
     }
 
index d6d1c29..1584245 100644 (file)
@@ -101,7 +101,7 @@ class TextTableElement extends AbstractFormElement
 
         if ($config['readOnly']) {
             $html = [];
-            $html[] = '<div class="t3js-formengine-field-item">';
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
             $html[] =   '<div class="form-wizards-wrap">';
             $html[] =       '<div class="form-wizards-element">';
             $html[] =           '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
@@ -185,7 +185,7 @@ class TextTableElement extends AbstractFormElement
         $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
 
         $html = [];
-        $html[] = '<div class="t3js-formengine-field-item">';
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
         $html[] =   $fieldInformationHtml;
         $html[] =   '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
         $html[] =       '<div class="form-wizards-wrap">';
index 37c1d5f..238a35b 100644 (file)
@@ -45,7 +45,7 @@ class UserElement extends AbstractFormElement
         if (!isset($parameterArray['fieldCong']['config']['noTableWrapping'])
             || (bool)$parameterArray['fieldCong']['config']['noTableWrapping'] === false
         ) {
-            $html = '<div class="t3js-formengine-field-item">' . $html . '</div>';
+            $html = '<div class="formengine-field-item t3js-formengine-field-item">' . $html . '</div>';
         }
         $resultArray['html'] = $html;
         return $resultArray;
index 979af07..716a3bd 100644 (file)
@@ -57,7 +57,7 @@ class BackendLayoutWizardElement extends AbstractFormElement
 
         $json = json_encode($this->rows, JSON_HEX_QUOT | JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS);
         $html = [];
-        $html[] = '<div class="t3js-formengine-field-item">';
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
         $html[] =   $fieldInformationHtml;
         $html[] =   '<div class="form-control-wrap">';
         $html[] =       '<div class="form-wizards-wrap">';
index 6bad4de..722a0b3 100644 (file)
@@ -583,7 +583,7 @@ class ImageManipulation {
    */
   private initCoverAreas(container: JQuery, coverAreas: Area[]): void {
     coverAreas.forEach((coverArea: Area): void => {
-      let coverAreaCanvas: JQuery = $('<div class="t3js-cropper-cover-area"></div>');
+      let coverAreaCanvas: JQuery = $('<div class="cropper-cover-area t3js-cropper-cover-area"></div>');
       container.append(coverAreaCanvas);
       coverAreaCanvas.css({
         height: ImageManipulation.toCssPercent(coverArea.height),
index 3a5fe2e..6de535e 100644 (file)
@@ -9727,9 +9727,15 @@ iframe,
   width: 100% !important;
   max-width: 1000px !important;
 }
+.cropper .ratio-buttons {
+  margin-bottom: 10px;
+}
 .cropper .ratio-buttons .btn.btn-default {
   margin-bottom: 5px;
 }
+.cropper .ratio-buttons .btn:not(.active) .fa {
+  display: none;
+}
 .cropper .panel-group {
   position: relative;
   margin: -15px;
@@ -9900,12 +9906,6 @@ iframe,
   bottom: 0;
   left: 0;
 }
-.cropper .t3js-ratio-buttons {
-  margin-bottom: 10px;
-}
-.cropper .t3js-ratio-buttons .btn:not(.active) .fa {
-  display: none;
-}
 .cropper .cropper-focus-area {
   cursor: move;
   height: 200px;
@@ -9944,7 +9944,7 @@ iframe,
   pointer-events: none;
   overflow: hidden;
 }
-.cropper .t3js-cropper-cover-area {
+.cropper .cropper-cover-area {
   background: url("../Images/cropper-background-cover-area.svg");
   pointer-events: none;
   cursor: not-allowed;
@@ -9952,7 +9952,7 @@ iframe,
   opacity: 1;
   z-index: 99999;
 }
-.cropper .t3js-cropper-cover-area:after {
+.cropper .cropper-cover-area:after {
   background-color: rgba(255, 255, 255, 0.95);
   content: "Cover area";
   position: absolute;
@@ -11804,10 +11804,10 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex {
 .t3-form-field-disable {
   display: none;
 }
-.t3js-formengine-field-item.disabled {
+.formengine-field-item.disabled {
   position: relative;
 }
-.t3js-formengine-field-item.disabled .t3-form-field-disable {
+.formengine-field-item.disabled .t3-form-field-disable {
   z-index: 8000;
   background: #fafafa;
   display: block;
index 15a5713..fd6907c 100644 (file)
@@ -452,7 +452,7 @@ define(["require", "exports", "TYPO3/CMS/Core/Contrib/imagesloaded.pkgd.min", "T
          */
         ImageManipulation.prototype.initCoverAreas = function (container, coverAreas) {
             coverAreas.forEach(function (coverArea) {
-                var coverAreaCanvas = $('<div class="t3js-cropper-cover-area"></div>');
+                var coverAreaCanvas = $('<div class="cropper-cover-area t3js-cropper-cover-area"></div>');
                 container.append(coverAreaCanvas);
                 coverAreaCanvas.css({
                     height: ImageManipulation.toCssPercent(coverArea.height),
index a6a0503..1a405c0 100644 (file)
@@ -61,7 +61,7 @@ class RsaInputElement extends AbstractFormElement
 
         if ($config['readOnly']) {
             $html = [];
-            $html[] = '<div class="t3js-formengine-field-item">';
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
             $html[] =   '<div class="form-wizards-wrap">';
             $html[] =       '<div class="form-wizards-element">';
             $html[] =           '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
@@ -149,7 +149,7 @@ class RsaInputElement extends AbstractFormElement
         $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
 
         $html = [];
-        $html[] = '<div class="t3js-formengine-field-item">';
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
         $html[] =   $fieldInformationHtml;
         $html[] =   '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
         $html[] =       '<div class="form-wizards-wrap">';
index 727fe9f..89f1344 100644 (file)
@@ -100,7 +100,7 @@ class RichTextElement extends AbstractFormElement
         ];
 
         $html = [];
-        $html[] = '<div class="t3js-formengine-field-item">';
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
         $html[] =   $fieldInformationHtml;
         $html[] =   '<div class="form-control-wrap">';
         $html[] =       '<div class="form-wizards-wrap">';
index 3f779cf..50729f8 100644 (file)
@@ -336,7 +336,7 @@ class RichTextElement extends AbstractFormElement
             $fieldWizardHtml = $legacyFieldWizardHtml . $fieldWizardResult['html'];
             $this->resultArray = $this->mergeChildReturnIntoExistingResult($this->resultArray, $fieldWizardResult, false);
 
-            $result[] = '<div class="t3js-formengine-field-item">';
+            $result[] = '<div class="formengine-field-item t3js-formengine-field-item">';
             $result[] =     '<div class="form-control-wrap">';
             $result[] =         '<div class="form-wizards-wrap">';
             $result[] =             '<div class="form-wizards-element">';
index 47d3345..92079e1 100644 (file)
@@ -159,7 +159,7 @@ class T3editorElement extends AbstractFormElement
         $this->resultArray = $this->mergeChildReturnIntoExistingResult($this->resultArray, $fieldWizardResult, false);
 
         $html = [];
-        $html[] = '<div class="t3js-formengine-field-item">';
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
         $html[] =   $fieldInformationHtml;
         $html[] =   '<div class="form-control-wrap">';
         $html[] =       '<div class="form-wizards-wrap">';