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 @@
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;
}
}
}
......@@ -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-focus-area {
cursor: move;
......@@ -333,7 +331,7 @@
}
}
.t3js-cropper-cover-area {
.cropper-cover-area {
background: url("../Images/cropper-background-cover-area.svg");
pointer-events: none;
cursor: not-allowed;
......
......@@ -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;
......
......@@ -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>';
......
......@@ -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;
}
......
......@@ -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)) {
......
......@@ -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;
}
......
......@@ -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;
}
......
......@@ -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;
}
......
......@@ -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;
}
......
......@@ -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">';
......
......@@ -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;
}
......
......@@ -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;
}
......
......@@ -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>';
......
......@@ -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;
}
......
......@@ -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;
}
......
......@@ -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;
}
......
......@@ -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;
}
......
......@@ -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">';
......
......@@ -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;
......
......@@ -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">';
......
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