Fix more missing list styles

This commit is contained in:
Björn Fromme
2020-11-03 14:00:46 +01:00
parent bd1cb97369
commit ba3fe90cd1
6 changed files with 31 additions and 21 deletions
@@ -1,3 +1,7 @@
ul { ul {
@apply list-disc; @apply list-disc;
} }
ol {
@apply list-decimal;
}
@@ -98,6 +98,10 @@ ul {
} }
} }
ol {
padding: 0 0 0 18px;
}
// Images // Images
.scale { .scale {
width: 100%; width: 100%;
@@ -2,7 +2,7 @@
<f:then><div class="ep-headbar">{city.name}</div></f:then> <f:then><div class="ep-headbar">{city.name}</div></f:then>
<f:else><h2>Ort</h2></f:else> <f:else><h2>Ort</h2></f:else>
</f:if> </f:if>
<div class="city-details city-details--description"> <div class="city-details city-details--description" data-rte-content>
{city.description -> f:format.html()} {city.description -> f:format.html()}
</div> </div>
<f:if condition="{city.images -> f:count()} > 0"> <f:if condition="{city.images -> f:count()} > 0">
@@ -13,7 +13,7 @@
<f:then><div class="ep-headbar">Party</div></f:then> <f:then><div class="ep-headbar">Party</div></f:then>
<f:else><h2>Party</h2></f:else> <f:else><h2>Party</h2></f:else>
</f:if> </f:if>
<div class="city-details city-details--party"> <div class="city-details city-details--party" data-rte-content>
{city.party -> f:format.html()} {city.party -> f:format.html()}
</div> </div>
</f:if> </f:if>
@@ -22,7 +22,7 @@
<f:then><div class="ep-headbar">Freizeitangebot</div></f:then> <f:then><div class="ep-headbar">Freizeitangebot</div></f:then>
<f:else><h2>Freizeitangebot</h2></f:else> <f:else><h2>Freizeitangebot</h2></f:else>
</f:if> </f:if>
<div class="city-details city-details--leisure"> <div class="city-details city-details--leisure" data-rte-content>
{city.leisure -> f:format.html()} {city.leisure -> f:format.html()}
</div> </div>
</f:if> </f:if>
@@ -4,7 +4,7 @@
<f:then><div class="ep-headbar">{hotelTitle}</div></f:then> <f:then><div class="ep-headbar">{hotelTitle}</div></f:then>
<f:else><h1>{hotelTitle}</h1></f:else> <f:else><h1>{hotelTitle}</h1></f:else>
</f:if> </f:if>
<div class="hotel-details hotel-details--description"> <div class="hotel-details hotel-details--description" data-rte-content>
{hotel.description -> f:format.html()} {hotel.description -> f:format.html()}
</div> </div>
<f:if condition="{teasers}"> <f:if condition="{teasers}">
@@ -45,7 +45,7 @@
<f:then><div class="ep-headbar">Ausstattung</div></f:then> <f:then><div class="ep-headbar">Ausstattung</div></f:then>
<f:else><h2>Ausstattung</h2></f:else> <f:else><h2>Ausstattung</h2></f:else>
</f:if> </f:if>
<div class="hotel-details hotel-details--features"> <div class="hotel-details hotel-details--features" data-rte-content>
{hotel.features -> f:format.html()} {hotel.features -> f:format.html()}
</div> </div>
<f:if condition="{hotel.isApartment}"> <f:if condition="{hotel.isApartment}">
@@ -66,7 +66,7 @@
<f:else><h2>Zimmerarten</h2></f:else> <f:else><h2>Zimmerarten</h2></f:else>
</f:if> </f:if>
</f:if> </f:if>
<div class="hotel-details hotel-details--roomtypes"> <div class="hotel-details hotel-details--roomtypes" data-rte-content>
{hotel.roomTypes -> f:format.html()} {hotel.roomTypes -> f:format.html()}
</div> </div>
<f:if condition="{hotel.additionalInformation}"> <f:if condition="{hotel.additionalInformation}">
@@ -74,7 +74,7 @@
<f:then><div class="ep-headbar">Zusatzinformationen</div></f:then> <f:then><div class="ep-headbar">Zusatzinformationen</div></f:then>
<f:else><h2>Zusatzinformationen</h2></f:else> <f:else><h2>Zusatzinformationen</h2></f:else>
</f:if> </f:if>
<div class="hotel-details hotel-details--additional"> <div class="hotel-details hotel-details--additional" data-rte-content>
{hotel.additionalInformation -> f:format.html()} {hotel.additionalInformation -> f:format.html()}
</div> </div>
</f:if> </f:if>
@@ -1,13 +1,15 @@
<f:if condition="{bars}"> <f:if condition="{bars}">
<div class="ep-headbar">Anreise</div> <div class="ep-headbar">Anreise</div>
</f:if> </f:if>
<h2>Eigenanreise</h2> <div data-rte-content>
{journey.byCar -> f:format.html()} <h2>Eigenanreise</h2>
<f:if condition="{journey.image}"> {journey.byCar -> f:format.html()}
<img src="{f:uri.image(image: journey.image, width: '770', height: '430c+100')}" <f:if condition="{journey.image}">
alt="{journey.image.alternative}" title="{journey.image.title}"> <img src="{f:uri.image(image: journey.image, width: '770', height: '430c+100')}"
</f:if> alt="{journey.image.alternative}" title="{journey.image.title}">
<f:if condition="{journey.byBus}"> </f:if>
<h2>Busanreise</h2> <f:if condition="{journey.byBus}">
{journey.byBus -> f:format.html()} <h2>Busanreise</h2>
</f:if> {journey.byBus -> f:format.html()}
</f:if>
</div>
@@ -3,7 +3,7 @@
<f:then><div class="ep-headbar">{region.name -> f:format.raw()}</div></f:then> <f:then><div class="ep-headbar">{region.name -> f:format.raw()}</div></f:then>
<f:else><h2 class="headline headline--secondary headline--has-subline"><span class="headline__subline">Skiurlaub im</span><br>Skigebiet {region.name -> f:format.raw()}</h2></f:else> <f:else><h2 class="headline headline--secondary headline--has-subline"><span class="headline__subline">Skiurlaub im</span><br>Skigebiet {region.name -> f:format.raw()}</h2></f:else>
</f:if> </f:if>
<div class="region-details region-details--ski-area"> <div class="region-details region-details--ski-area" data-rte-content>
{region.skiArea -> f:format.html()} {region.skiArea -> f:format.html()}
<f:if condition="{teasers}"> <f:if condition="{teasers}">
<a id="teasers" class="anchor"></a> <a id="teasers" class="anchor"></a>
@@ -37,12 +37,12 @@
<f:else><h2>{f:if(condition: '{region.season} == "w"', then: 'Skipass', else: 'Highlights')}</h2></f:else> <f:else><h2>{f:if(condition: '{region.season} == "w"', then: 'Skipass', else: 'Highlights')}</h2></f:else>
</f:if> </f:if>
<f:if condition="{region.skiPass}"> <f:if condition="{region.skiPass}">
<div class="region-details region-details--skipass"> <div class="region-details region-details--skipass" data-rte-content>
{region.skiPass -> f:format.html()} {region.skiPass -> f:format.html()}
</div> </div>
</f:if> </f:if>
<f:if condition="{region.description}"> <f:if condition="{region.description}">
<div class="region-details region-details--description"> <div class="region-details region-details--description" data-rte-content>
{region.description -> f:format.html()} {region.description -> f:format.html()}
</div> </div>
</f:if> </f:if>
@@ -51,7 +51,7 @@
<f:then><div class="ep-headbar">Aktuell</div></f:then> <f:then><div class="ep-headbar">Aktuell</div></f:then>
<f:else><h2>Aktuell</h2></f:else> <f:else><h2>Aktuell</h2></f:else>
</f:if> </f:if>
<div class="region-details region-details--news"> <div class="region-details region-details--news" data-rte-content>
{region.news -> f:format.html()} {region.news -> f:format.html()}
</div> </div>
</f:if> </f:if>