Commit 3092bcb3 authored by Andreas Fernandez's avatar Andreas Fernandez Committed by Markus Klein
Browse files

[BUGFIX] Remove styling from .t3js-* classes

Resolves: #79729
Releases: master
Change-Id: I689e8ecd0ffa2d005931e6162fb8df5d9694da3d
Reviewed-on: https://review.typo3.org/51629


Tested-by: default avatarTYPO3com <no-reply@typo3.com>
Reviewed-by: default avatarMichael Oehlhof <typo3@oehlhof.de>
Reviewed-by: Christian Kuhn's avatarChristian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn's avatarChristian Kuhn <lolli@schwarzbu.ch>
Reviewed-by: Markus Klein's avatarMarkus Klein <markus.klein@typo3.org>
Tested-by: Markus Klein's avatarMarkus Klein <markus.klein@typo3.org>
parent 13756198
...@@ -65,9 +65,17 @@ ...@@ -65,9 +65,17 @@
max-width: 1000px !important; max-width: 1000px !important;
} }
// Custom styles for cropper radio buttons
.ratio-buttons { .ratio-buttons {
.btn.btn-default { margin-bottom: 10px;
margin-bottom: 5px;
.btn {
&.btn-default {
margin-bottom: 5px;
}
&:not(.active) .fa {
display: none;
}
} }
} }
...@@ -281,16 +289,6 @@ ...@@ -281,16 +289,6 @@
} }
} }
// Custom styles for cropper radio buttons
.t3js-ratio-buttons {
margin-bottom: 10px;
.btn:not(.active) .fa {
display: none;
}
}
// Cropper UI-specific styles // Cropper UI-specific styles
.cropper-focus-area { .cropper-focus-area {
cursor: move; cursor: move;
...@@ -333,7 +331,7 @@ ...@@ -333,7 +331,7 @@
} }
} }
.t3js-cropper-cover-area { .cropper-cover-area {
background: url("../Images/cropper-background-cover-area.svg"); background: url("../Images/cropper-background-cover-area.svg");
pointer-events: none; pointer-events: none;
cursor: not-allowed; cursor: not-allowed;
......
...@@ -231,7 +231,7 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex { ...@@ -231,7 +231,7 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex {
.t3-form-field-disable { .t3-form-field-disable {
display: none; display: none;
} }
.t3js-formengine-field-item.disabled { .formengine-field-item.disabled {
position: relative; position: relative;
.t3-form-field-disable { .t3-form-field-disable {
z-index: 8000; z-index: 8000;
......
...@@ -144,7 +144,7 @@ class FlexFormElementContainer extends AbstractContainer ...@@ -144,7 +144,7 @@ class FlexFormElementContainer extends AbstractContainer
$html[] = '<label class="t3js-formengine-label">'; $html[] = '<label class="t3js-formengine-label">';
$html[] = BackendUtility::wrapInHelp($parameterArray['_cshKey'], $flexFormFieldName, $processedTitle); $html[] = BackendUtility::wrapInHelp($parameterArray['_cshKey'], $flexFormFieldName, $processedTitle);
$html[] = '</label>'; $html[] = '</label>';
$html[] = '<div class="t3js-formengine-field-item">'; $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
$html[] = $childResult['html']; $html[] = $childResult['html'];
$html[] = '</div>'; $html[] = '</div>';
$html[] = '</div>'; $html[] = '</div>';
......
...@@ -136,7 +136,7 @@ class CheckboxElement extends AbstractFormElement ...@@ -136,7 +136,7 @@ class CheckboxElement extends AbstractFormElement
$resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false); $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
$html = []; $html = [];
$html[] = '<div class="t3js-formengine-field-item">'; $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
if (!$disabled) { if (!$disabled) {
$html[] = $fieldInformationHtml; $html[] = $fieldInformationHtml;
} }
......
...@@ -178,7 +178,7 @@ class GroupElement extends AbstractFormElement ...@@ -178,7 +178,7 @@ class GroupElement extends AbstractFormElement
if (isset($config['readOnly']) && $config['readOnly']) { if (isset($config['readOnly']) && $config['readOnly']) {
// Return early if element is read only // Return early if element is read only
$html = []; $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-wrap">';
$html[] = '<div class="form-wizards-element">'; $html[] = '<div class="form-wizards-element">';
$html[] = '<select'; $html[] = '<select';
...@@ -304,7 +304,7 @@ class GroupElement extends AbstractFormElement ...@@ -304,7 +304,7 @@ class GroupElement extends AbstractFormElement
$resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false); $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
$html = []; $html = [];
$html[] = '<div class="t3js-formengine-field-item">'; $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
$html[] = $fieldInformationHtml; $html[] = $fieldInformationHtml;
$html[] = '<div class="form-wizards-wrap">'; $html[] = '<div class="form-wizards-wrap">';
if ($internalType === 'db' && (!isset($config['hideSuggest']) || (bool)$config['hideSuggest'] !== true)) { if ($internalType === 'db' && (!isset($config['hideSuggest']) || (bool)$config['hideSuggest'] !== true)) {
......
...@@ -71,7 +71,7 @@ class InputColorPickerElement extends AbstractFormElement ...@@ -71,7 +71,7 @@ class InputColorPickerElement extends AbstractFormElement
if ($config['readOnly']) { if ($config['readOnly']) {
$html = []; $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-wrap">';
$html[] = '<div class="form-wizards-element">'; $html[] = '<div class="form-wizards-element">';
$html[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">'; $html[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
...@@ -233,7 +233,7 @@ class InputColorPickerElement extends AbstractFormElement ...@@ -233,7 +233,7 @@ class InputColorPickerElement extends AbstractFormElement
$fullElement = implode(LF, $fullElement); $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; return $resultArray;
} }
......
...@@ -95,7 +95,7 @@ class InputDateTimeElement extends AbstractFormElement ...@@ -95,7 +95,7 @@ class InputDateTimeElement extends AbstractFormElement
// Early return for read only fields // Early return for read only fields
$itemValue = $this->formatValue($format, $itemValue); $itemValue = $this->formatValue($format, $itemValue);
$html = []; $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-wrap">';
$html[] = '<div class="form-wizards-element">'; $html[] = '<div class="form-wizards-element">';
$html[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">'; $html[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
...@@ -253,7 +253,7 @@ class InputDateTimeElement extends AbstractFormElement ...@@ -253,7 +253,7 @@ class InputDateTimeElement extends AbstractFormElement
$fullElement = implode(LF, $fullElement); $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; return $resultArray;
} }
......
...@@ -94,7 +94,7 @@ class InputLinkElement extends AbstractFormElement ...@@ -94,7 +94,7 @@ class InputLinkElement extends AbstractFormElement
if ($config['readOnly']) { if ($config['readOnly']) {
// Early return for read only fields // Early return for read only fields
$html = []; $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-wrap">';
$html[] = '<div class="form-wizards-element">'; $html[] = '<div class="form-wizards-element">';
$html[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">'; $html[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
...@@ -292,7 +292,7 @@ class InputLinkElement extends AbstractFormElement ...@@ -292,7 +292,7 @@ class InputLinkElement extends AbstractFormElement
$fullElement = implode(LF, $fullElement); $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; return $resultArray;
} }
......
...@@ -78,7 +78,7 @@ class InputTextElement extends AbstractFormElement ...@@ -78,7 +78,7 @@ class InputTextElement extends AbstractFormElement
$itemValue = $itemValue ? '*********' : ''; $itemValue = $itemValue ? '*********' : '';
} }
$html = []; $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-wrap">';
$html[] = '<div class="form-wizards-element">'; $html[] = '<div class="form-wizards-element">';
$html[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">'; $html[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
...@@ -295,7 +295,7 @@ class InputTextElement extends AbstractFormElement ...@@ -295,7 +295,7 @@ class InputTextElement extends AbstractFormElement
$fullElement = implode(LF, $fullElement); $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; return $resultArray;
} }
......
...@@ -68,7 +68,7 @@ class NoneElement extends AbstractFormElement ...@@ -68,7 +68,7 @@ class NoneElement extends AbstractFormElement
$resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false); $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
$html = []; $html = [];
$html[] = '<div class="t3js-formengine-field-item">'; $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
$html[] = $fieldInformationHtml; $html[] = $fieldInformationHtml;
$html[] = '<div class="form-wizards-wrap">'; $html[] = '<div class="form-wizards-wrap">';
$html[] = '<div class="form-wizards-element">'; $html[] = '<div class="form-wizards-element">';
......
...@@ -71,7 +71,7 @@ class RadioElement extends AbstractFormElement ...@@ -71,7 +71,7 @@ class RadioElement extends AbstractFormElement
$fieldWizardHtml = $fieldWizardResult['html']; $fieldWizardHtml = $fieldWizardResult['html'];
$resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false); $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) { if (!$disabled) {
$html[] = $fieldInformationHtml; $html[] = $fieldInformationHtml;
} }
......
...@@ -147,7 +147,7 @@ class SelectCheckBoxElement extends AbstractFormElement ...@@ -147,7 +147,7 @@ class SelectCheckBoxElement extends AbstractFormElement
$fieldWizardHtml = $legacyFieldWizardHtml . $fieldWizardResult['html']; $fieldWizardHtml = $legacyFieldWizardHtml . $fieldWizardResult['html'];
$resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false); $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) { if (!$disabled) {
$html[] = $fieldInformationHtml; $html[] = $fieldInformationHtml;
} }
......
...@@ -218,7 +218,7 @@ class SelectMultipleSideBySideElement extends AbstractFormElement ...@@ -218,7 +218,7 @@ class SelectMultipleSideBySideElement extends AbstractFormElement
$resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false); $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
$html = []; $html = [];
$html[] = '<div class="t3js-formengine-field-item">'; $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
$html[] = $fieldInformationHtml; $html[] = $fieldInformationHtml;
$html[] = '<div class="form-wizards-wrap">'; $html[] = '<div class="form-wizards-wrap">';
$html[] = '<div class="form-wizards-element">'; $html[] = '<div class="form-wizards-element">';
...@@ -370,7 +370,7 @@ class SelectMultipleSideBySideElement extends AbstractFormElement ...@@ -370,7 +370,7 @@ class SelectMultipleSideBySideElement extends AbstractFormElement
} }
$html = []; $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-wrap">';
$html[] = '<div class="form-wizards-element">'; $html[] = '<div class="form-wizards-element">';
$html[] = '<label>'; $html[] = '<label>';
......
...@@ -115,7 +115,7 @@ class SelectSingleBoxElement extends AbstractFormElement ...@@ -115,7 +115,7 @@ class SelectSingleBoxElement extends AbstractFormElement
$resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false); $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
$html = []; $html = [];
$html[] = '<div class="t3js-formengine-field-item">'; $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
if (!$disabled) { if (!$disabled) {
$html[] = $fieldInformationHtml; $html[] = $fieldInformationHtml;
} }
......
...@@ -202,7 +202,7 @@ class SelectSingleElement extends AbstractFormElement ...@@ -202,7 +202,7 @@ class SelectSingleElement extends AbstractFormElement
$resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false); $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
$html = []; $html = [];
$html[] = '<div class="t3js-formengine-field-item">'; $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
if (!$disabled) { if (!$disabled) {
$html[] = $fieldInformationHtml; $html[] = $fieldInformationHtml;
} }
......
...@@ -110,7 +110,7 @@ class SelectTreeElement extends AbstractFormElement ...@@ -110,7 +110,7 @@ class SelectTreeElement extends AbstractFormElement
$resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false); $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
$html = []; $html = [];
$html[] = '<div class="t3js-formengine-field-item">'; $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
if (!$readOnly) { if (!$readOnly) {
$html[] = $fieldInformationHtml; $html[] = $fieldInformationHtml;
} }
......
...@@ -96,7 +96,7 @@ class TextElement extends AbstractFormElement ...@@ -96,7 +96,7 @@ class TextElement extends AbstractFormElement
if ($config['readOnly']) { if ($config['readOnly']) {
$html = []; $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-wrap">';
$html[] = '<div class="form-wizards-element">'; $html[] = '<div class="form-wizards-element">';
$html[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">'; $html[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
...@@ -292,7 +292,7 @@ class TextElement extends AbstractFormElement ...@@ -292,7 +292,7 @@ class TextElement extends AbstractFormElement
$fullElement = implode(LF, $fullElement); $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; return $resultArray;
} }
......
...@@ -101,7 +101,7 @@ class TextTableElement extends AbstractFormElement ...@@ -101,7 +101,7 @@ class TextTableElement extends AbstractFormElement
if ($config['readOnly']) { if ($config['readOnly']) {
$html = []; $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-wrap">';
$html[] = '<div class="form-wizards-element">'; $html[] = '<div class="form-wizards-element">';
$html[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">'; $html[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
...@@ -185,7 +185,7 @@ class TextTableElement extends AbstractFormElement ...@@ -185,7 +185,7 @@ class TextTableElement extends AbstractFormElement
$resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false); $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
$html = []; $html = [];
$html[] = '<div class="t3js-formengine-field-item">'; $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
$html[] = $fieldInformationHtml; $html[] = $fieldInformationHtml;
$html[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">'; $html[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
$html[] = '<div class="form-wizards-wrap">'; $html[] = '<div class="form-wizards-wrap">';
......
...@@ -45,7 +45,7 @@ class UserElement extends AbstractFormElement ...@@ -45,7 +45,7 @@ class UserElement extends AbstractFormElement
if (!isset($parameterArray['fieldCong']['config']['noTableWrapping']) if (!isset($parameterArray['fieldCong']['config']['noTableWrapping'])
|| (bool)$parameterArray['fieldCong']['config']['noTableWrapping'] === false || (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; $resultArray['html'] = $html;
return $resultArray; return $resultArray;
......
...@@ -57,7 +57,7 @@ class BackendLayoutWizardElement extends AbstractFormElement ...@@ -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); $json = json_encode($this->rows, JSON_HEX_QUOT | JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS);
$html = []; $html = [];
$html[] = '<div class="t3js-formengine-field-item">'; $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
$html[] = $fieldInformationHtml; $html[] = $fieldInformationHtml;
$html[] = '<div class="form-control-wrap">'; $html[] = '<div class="form-control-wrap">';
$html[] = '<div class="form-wizards-wrap">'; $html[] = '<div class="form-wizards-wrap">';
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment