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
......@@ -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),
......
......@@ -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;
......
......@@ -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),
......
......@@ -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">';
......
......@@ -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">';
......
......@@ -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">';
......
......@@ -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">';
......
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