Prepare rte styles for tailwindcss
This commit is contained in:
Björn Fromme
@@ -51,6 +51,7 @@ class ContainerViewHelper extends AbstractViewHelper
|
||||
|
||||
$this->registerArgument('content', 'string', 'The content');
|
||||
$this->registerArgument('cssClasses', 'string', 'Additional css classes');
|
||||
$this->registerArgument('rteContent', 'boolean', 'Is rte content', false, false);
|
||||
$this->registerArgument('data', 'Array', 'The data', true);
|
||||
}
|
||||
|
||||
@@ -81,8 +82,8 @@ class ContainerViewHelper extends AbstractViewHelper
|
||||
if ($arguments['cssClasses'] !== null) {
|
||||
$classes[] = $arguments['cssClasses'];
|
||||
}
|
||||
if (count($classes) > 0) {
|
||||
return '<div class="' . implode(' ', $classes) . '">' . $content . '</div>';
|
||||
if (true === $arguments['rteContent'] || count($classes) > 0) {
|
||||
return sprintf('<div class="%s"%s>%s</div>', implode(' ', $classes), $arguments['rteContent'] ? ' data-rte-content' : '', $content);
|
||||
}
|
||||
|
||||
return $content;
|
||||
|
||||
@@ -0,0 +1,3 @@
|
||||
ul {
|
||||
@apply list-disc;
|
||||
}
|
||||
@@ -67,6 +67,10 @@
|
||||
@import "subpage";
|
||||
@import "searchpage";
|
||||
@import "employee";
|
||||
|
||||
[data-rte-content] {
|
||||
@import "rte-content";
|
||||
}
|
||||
}
|
||||
|
||||
@layer components {
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<div class="container-fluid ep-disturber ep-expert">
|
||||
<div>
|
||||
<div>
|
||||
<div class="container">
|
||||
<div class="container" data-rte-content>
|
||||
<div class="col-md-6">
|
||||
<f:if condition="{image}">
|
||||
<f:then>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
|
||||
|
||||
<f:section name="Disturber">
|
||||
<div class="container-fluid ep-disturber-last-chance">
|
||||
<div class="container-fluid ep-disturber-last-chance" data-rte-content>
|
||||
<div>{data.headline}</div>
|
||||
<div>{data.text -> f:format.html()}</div>
|
||||
<div>
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
|
||||
<f:section name="Disturber">
|
||||
{data.flexForm.buttons -> v:iterator.first() -> v:variable.set(name: 'button')}
|
||||
<div class="container-fluid ep-disturber-reminder">
|
||||
<div class="container-fluid ep-disturber-reminder" data-rte-content>
|
||||
<div>{data.headline}</div>
|
||||
<div class="col-md-6">
|
||||
<a href="{f:uri.typolink(parameter: button.container.link)}" title="{button.container.label -> f:format.raw()}">
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<div class="container-fluid ep-disturber ep-expert-small">
|
||||
<div>
|
||||
<div>
|
||||
<div class="container">
|
||||
<div class="container" data-rte-content>
|
||||
<div class="col-sm-2">
|
||||
<f:if condition="{image}">
|
||||
<f:then>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<div class="container-fluid ep-disturber ep-expert">
|
||||
<div>
|
||||
<div>
|
||||
<div class="container">
|
||||
<div class="container" data-rte-content>
|
||||
<div class="col-md-6">
|
||||
<f:if condition="{teaserImage}">
|
||||
<f:then>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
|
||||
|
||||
<f:section name="Disturber">
|
||||
<div class="container-fluid ep-disturber-last-chance">
|
||||
<div class="container-fluid ep-disturber-last-chance" data-rte-content>
|
||||
<div>{data.header}</div>
|
||||
<div>{data.bodytext -> f:format.html()}</div>
|
||||
<div>
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
|
||||
<f:section name="Disturber">
|
||||
{data.flexForm.buttons -> v:iterator.first() -> v:variable.set(name: 'button')}
|
||||
<div class="container-fluid ep-disturber-reminder">
|
||||
<div class="container-fluid ep-disturber-reminder" data-rte-content>
|
||||
<div>{data.header}</div>
|
||||
<div class="col-md-6">
|
||||
<a href="{f:uri.typolink(parameter: button.container.link)}" title="{button.container.label -> f:format.raw()}">
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
|
||||
|
||||
<f:section name="Disturber">
|
||||
<div class="container-fluid ep-disturber ep-expert-small">
|
||||
<div class="container-fluid ep-disturber ep-expert-small" data-rte-content>
|
||||
<div>
|
||||
<div>
|
||||
<div class="container">
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
</f:if>
|
||||
<f:render partial="TeaserImage" arguments="{image: teaserImage}"/>
|
||||
</div>
|
||||
<div class="teaserbox__main">
|
||||
<div class="teaserbox__main" data-rte-content>
|
||||
<span class="headline headline--3 headline--teaser">{data.header -> f:format.nl2br()}{f:if(condition: data.subheader, then: '<br>{data.subheader}')}</span>
|
||||
<hr>
|
||||
{data.bodytext -> f:format.html()}
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
<div class="teasebox__image">
|
||||
<f:render partial="TeaserImage" arguments="{image: teaserImage}"/>
|
||||
</div>
|
||||
<div class="teaserbox__main">
|
||||
<div class="teaserbox__main" data-rte-content>
|
||||
<span class="headline headline--3 headline--teaser">{data.header -> f:format.nl2br()}{f:if(condition: data.subheader, then: '<br>{data.subheader}')}</span>
|
||||
<hr>
|
||||
{data.bodytext -> f:format.html()}
|
||||
|
||||
+1
-1
@@ -21,7 +21,7 @@
|
||||
<div class="back">
|
||||
<div>
|
||||
<div class="teaser-title">Angebot</div>
|
||||
<div class="content">
|
||||
<div class="content" data-rte-content>
|
||||
<span class="headline headline--4">{data.header}</span>
|
||||
<hr>
|
||||
{data.bodytext -> f:format.nl2br()}
|
||||
|
||||
+1
-1
@@ -20,7 +20,7 @@
|
||||
<f:render partial="Textmedia/Partnerlogos" section="Content" arguments="{_all}"/>
|
||||
</f:case>
|
||||
<f:defaultCase>
|
||||
<ep:container data="{data}">
|
||||
<ep:container rteContent="true" data="{data}">
|
||||
<f:render partial="Textmedia/Default" section="Content" arguments="{_all}"/>
|
||||
</ep:container>
|
||||
</f:defaultCase>
|
||||
|
||||
Reference in New Issue
Block a user