EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP Remove outdated dependencies and reduce weight

Browse Source
This commit is contained in:
Björn Fromme
2022-08-19 18:58:56 +02:00
parent 2c26fd81e7
commit 618d663636
53 changed files with 143 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package-lock.json
Generated
+7 -59
View File
@@ -11,13 +11,10 @@
"dependencies": {
"@splidejs/splide": "^2.4.21",
"axios": "^0.21.1",
"bootstrap-sass": "^3.4.1",
"bourbon": "^4.3.2",
"cooltipz-css": "^1.6.8",
"dayjs": "^1.10.6",
"es6-slide-up-down": "^1.0.0",
"flatpickr": "^4.6.9",
"font-awesome": "^4.7.0",
"glightbox": "^3.0.9",
"jquery": "^3.6.0",
"lazysizes": "^5.3.2",
@@ -50,11 +47,10 @@
"postcss-loader": "^6.2.1",
"sass": "^1.53.0",
"sass-loader": "^12.6.0",
"sass-mq": "^5.0.1",
"sass-mq": "^6.0.0",
"smoothscroll-polyfill": "^0.4.4",
"tailwindcss": "^3.1.8",
"tailwindcss-alt": "^3.0.0",
"tinycolor2": "^1.4.2",
"vue-custom-element": "^3.3.0",
"vue-loader": "^15.9.8",
"vue-template-compiler": "^2.6.14"
@@ -2872,16 +2868,6 @@
"integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
"dev": true
},
"node_modules/bootstrap-sass": {
"version": "3.4.3",
"resolved": "https://registry.npmjs.org/bootstrap-sass/-/bootstrap-sass-3.4.3.tgz",
"integrity": "sha512-vPgFnGMp1jWZZupOND65WS6mkR8rxhJxndT/AcMbqcq1hHMdkcH4sMPhznLzzoHOHkSCrd6J9F8pWBriPCKP2Q=="
},
"node_modules/bourbon": {
"version": "4.3.4",
"resolved": "https://registry.npmjs.org/bourbon/-/bourbon-4.3.4.tgz",
"integrity": "sha512-XY2nuWcgS5ODGVFHgE/SsjFb18ke1dPtxu32vDm2tue8v4RflmU0mp0jpdIvvyjEtYEv6oiSpQL2PRUsEqde4w=="
},
"node_modules/brace-expansion": {
"version": "1.1.11",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -4418,14 +4404,6 @@
}
}
},
"node_modules/font-awesome": {
"version": "4.7.0",
"resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
"integrity": "sha512-U6kGnykA/6bFmg1M/oT9EkFeIYv7JlX3bozwQJWiiLz6L0w3F5vBVPxHlwyX/vtNq1ckcpRKOB9f2Qal/VtFpg==",
"engines": {
"node": ">=0.10.3"
}
},
"node_modules/forwarded": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -7218,9 +7196,9 @@
}
},
"node_modules/sass-mq": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/sass-mq/-/sass-mq-5.0.1.tgz",
"integrity": "sha512-ugSVZO5fzasSFrGfKCtY02spnkOOfo9U9sXuzCuSXoCl1CgcoqdJRdNmigZkhvRVph1GKM6o0pgI00Jjc445CA==",
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/sass-mq/-/sass-mq-6.0.0.tgz",
"integrity": "sha512-h4VicIy8lszFlqqggqLIFGt/9wS5fHLPoTXHRjC8Vw6UsA4s4JtDvEeypXbbECfgY336mXyc/cdpbRacH0UzGA==",
"dev": true
},
"node_modules/schema-utils": {
@@ -7923,15 +7901,6 @@
"integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
"dev": true
},
"node_modules/tinycolor2": {
"version": "1.4.2",
"resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.4.2.tgz",
"integrity": "sha512-vJhccZPs965sV/L2sU4oRQVAos0pQXwsvTLkWYdqJ+a8Q5kPFzJTuOFwy7UniPli44NKQGAglksjvOcpo95aZA==",
"dev": true,
"engines": {
"node": "*"
}
},
"node_modules/tmp": {
"version": "0.2.1",
"resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz",
@@ -10892,16 +10861,6 @@
"integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
"dev": true
},
"bootstrap-sass": {
"version": "3.4.3",
"resolved": "https://registry.npmjs.org/bootstrap-sass/-/bootstrap-sass-3.4.3.tgz",
"integrity": "sha512-vPgFnGMp1jWZZupOND65WS6mkR8rxhJxndT/AcMbqcq1hHMdkcH4sMPhznLzzoHOHkSCrd6J9F8pWBriPCKP2Q=="
},
"bourbon": {
"version": "4.3.4",
"resolved": "https://registry.npmjs.org/bourbon/-/bourbon-4.3.4.tgz",
"integrity": "sha512-XY2nuWcgS5ODGVFHgE/SsjFb18ke1dPtxu32vDm2tue8v4RflmU0mp0jpdIvvyjEtYEv6oiSpQL2PRUsEqde4w=="
},
"brace-expansion": {
"version": "1.1.11",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -12038,11 +11997,6 @@
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.1.tgz",
"integrity": "sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA=="
},
"font-awesome": {
"version": "4.7.0",
"resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
"integrity": "sha512-U6kGnykA/6bFmg1M/oT9EkFeIYv7JlX3bozwQJWiiLz6L0w3F5vBVPxHlwyX/vtNq1ckcpRKOB9f2Qal/VtFpg=="
},
"forwarded": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -14004,9 +13958,9 @@
}
},
"sass-mq": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/sass-mq/-/sass-mq-5.0.1.tgz",
"integrity": "sha512-ugSVZO5fzasSFrGfKCtY02spnkOOfo9U9sXuzCuSXoCl1CgcoqdJRdNmigZkhvRVph1GKM6o0pgI00Jjc445CA==",
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/sass-mq/-/sass-mq-6.0.0.tgz",
"integrity": "sha512-h4VicIy8lszFlqqggqLIFGt/9wS5fHLPoTXHRjC8Vw6UsA4s4JtDvEeypXbbECfgY336mXyc/cdpbRacH0UzGA==",
"dev": true
},
"schema-utils": {
@@ -14553,12 +14507,6 @@
"integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
"dev": true
},
"tinycolor2": {
"version": "1.4.2",
"resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.4.2.tgz",
"integrity": "sha512-vJhccZPs965sV/L2sU4oRQVAos0pQXwsvTLkWYdqJ+a8Q5kPFzJTuOFwy7UniPli44NKQGAglksjvOcpo95aZA==",
"dev": true
},
"tmp": {
"version": "0.2.1",
"resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz",
package.json
+1 -5
View File
@@ -14,13 +14,10 @@
"dependencies": {
"@splidejs/splide": "^2.4.21",
"axios": "^0.21.1",
"bootstrap-sass": "^3.4.1",
"bourbon": "^4.3.2",
"cooltipz-css": "^1.6.8",
"dayjs": "^1.10.6",
"es6-slide-up-down": "^1.0.0",
"flatpickr": "^4.6.9",
"font-awesome": "^4.7.0",
"glightbox": "^3.0.9",
"jquery": "^3.6.0",
"lazysizes": "^5.3.2",
@@ -53,11 +50,10 @@
"postcss-loader": "^6.2.1",
"sass": "^1.53.0",
"sass-loader": "^12.6.0",
"sass-mq": "^5.0.1",
"sass-mq": "^6.0.0",
"smoothscroll-polyfill": "^0.4.4",
"tailwindcss": "^3.1.8",
"tailwindcss-alt": "^3.0.0",
"tinycolor2": "^1.4.2",
"vue-custom-element": "^3.3.0",
"vue-loader": "^15.9.8",
"vue-template-compiler": "^2.6.14"
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_banner.scss
+2 -1
View File
@@ -30,7 +30,8 @@
z-index: -1;
top: 0;
left: 0;
@include size(100%);
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_base.scss
+3 -2
View File
@@ -4,7 +4,7 @@ body {
width: 100%;
margin: 0;
padding: 0;
font-family: $font-main;
font-family: $font-main, Sans-Serif;
font-weight: 400;
font-size: 16px;
@@ -60,7 +60,8 @@ html {
position: fixed;
bottom: 2%;
right: 2%;
@include size(40px);
width: 40px;
height: 40px;
background-color: $color-brand-primary;
opacity: 0.75;
}
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_buttons.scss
+2 -1
View File
@@ -67,7 +67,8 @@
&--icon {
background-color: $color-brand-primary;
color: white;
@include size(16px);
width: 16px;
height: 16px;
border-radius: 8px;
line-height: 16px;
font-size: 14px;
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_carousel.scss
+4 -2
View File
@@ -32,7 +32,8 @@
}
position: absolute;
z-index: 100;
@include size(32px);
width: 32px;
height: 32px;
fill: white;
@include sectionColoursFromParent;
@@ -64,6 +65,7 @@
.carousel__loading {
display: block;
@include size(24px);
width: 24px;
height: 24px;
margin: 0 auto;
}
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_configurator.scss
+12 -6
View File
@@ -29,7 +29,8 @@
}
.configurator__overlay {
@include size(100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
@@ -144,7 +145,8 @@
position: absolute;
right: 16px;
top: 6px;
@include size(32px);
width: 32px;
height: 32px;
line-height: 32px;
text-decoration: none;
text-align: center;
@@ -221,14 +223,16 @@
.config-selectbox__item__inner {
position: relative;
@include size(100%);
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
&:after {
content: "";
@include size(100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
@@ -242,7 +246,8 @@
@include mq($from: desktop) {
&:hover:after {
content: "";
@include size(100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
@@ -446,7 +451,8 @@
.step-input__trigger {
display: block;
text-decoration: none;
@include size(32px);
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
background-color: white;
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_fonts.scss
+1 -1
View File
@@ -26,7 +26,7 @@
url('../fonts/cairo-v2-latin-ext_latin-700.svg#Cairo') format('svg'); /* Legacy iOS */
}
$font-main: 'Cairo', $helvetica;
$font-main: 'Cairo';
@font-face {
font-family: 'fontello';
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_forms.scss
+2 -1
View File
@@ -179,7 +179,8 @@
}
.form__overlay {
@include size(100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_iconbar.scss
+2 -1
View File
@@ -31,7 +31,8 @@
svg {
display: block;
@include size(32px);
width: 32px;
height: 32px;
fill: white;
}
}
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_mixins.scss
+9
View File
@@ -1,4 +1,13 @@
@use "sass:math";
@mixin clearfix {
&::after {
clear: both;
content: "";
display: table;
}
}
@mixin container($width-max: $content-width-max, $padding: math.div($padding-default, 2)) {
@include clearfix();
width: 100%;
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_mobilenav.scss
+2 -1
View File
@@ -20,7 +20,8 @@
}
.mobilenav__inner {
@include size(100%);
width: 100%;
height: 100%;
overflow-y: scroll;
padding: 32px;
}
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_offerlist.scss
+2 -1
View File
@@ -3,7 +3,8 @@
}
.offerlist__overlay {
@include size(100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_slider.scss
+4 -2
View File
@@ -6,7 +6,8 @@
background: url('data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2232%2C0%2032%2C32%200%2C16%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
position: absolute;
z-index: 10;
@include size(8px);
width: 8px;
height: 8px;
color: transparent;
&:focus {
@@ -38,7 +39,8 @@
}
@include mq($from: tablet) {
@include size(16px);
width: 16px;
height: 16px;
}
}
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_testimonial.scss
+2 -1
View File
@@ -19,6 +19,7 @@
.testimonial__image {
margin: 0 auto;
margin-bottom: 32px;
@include size(160px);
width: 160px;
height: 160px;
border-radius: 80px;
}
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_tiles.scss
+2 -1
View File
@@ -103,7 +103,8 @@
.tile__icon {
display: block;
@include size(72px);
width: 72px;
height: 72px;
margin: 0 auto 8px;
}
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/main.scss
-3
View File
@@ -1,6 +1,3 @@
$output-bourbon-deprecation-warnings: false;
@import "~bourbon/app/assets/stylesheets/bourbon";
@import "variables";
@import "mixins";
@import "breakpoints";
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/rte.scss
+4 -6
View File
@@ -1,6 +1,3 @@
$output-bourbon-deprecation-warnings: false;
@import "~bourbon/app/assets/stylesheets/bourbon";
@import "mixins";
@import "colors";
@@ -32,7 +29,7 @@ $output-bourbon-deprecation-warnings: false;
url('../fonts/cairo-v2-latin-ext_latin-700.svg#Cairo') format('svg'); /* Legacy iOS */
}
$font-main: 'Cairo', $helvetica;
$font-main: 'Cairo';
@font-face {
font-family: 'fontello';
@@ -73,7 +70,7 @@ $font-main: 'Cairo', $helvetica;
.icon_phone_circle:before { content: '\e805'; }
body {
font-family: $font-main;
font-family: $font-main, Sans-Serif;
font-weight: 400;
font-size: 16px;
}
@@ -285,7 +282,8 @@ h3 {
&--icon {
background-color: $color-brand-primary;
color: white;
@include size(16px);
width: 16px;
height: 16px;
border-radius: 8px;
line-height: 16px;
font-size: 14px;
public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/GroupsPriceCalculator.vue
+1 -1
View File
@@ -210,7 +210,7 @@
<div class="py-8 text-xl text-center font-bold" v-show="submitted">
Vielen Dank für Ihre Anfrage. Wir werden diese schnellstmöglich bearbeiten.
</div>
<div class="fixed top-0 left-0 inset-0 bg-overlay-white flex items-center justify-center" v-show="processing">
<div class="fixed top-0 left-0 inset-0 bg-white/85 flex items-center justify-center" v-show="processing">
<img :src="loaderUri" alt="Loading...">
</div>
</div>
public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/App.vue
+1 -1
View File
@@ -20,7 +20,7 @@
<div class="p-4 mb-8 text-white" :class="{'bg-emerald-600': alert.success, 'bg-red-600': !alert.success}" v-if="alert.message" v-html="alert.message"></div>
<div class="relative">
<router-view></router-view>
<div class="absolute top-0 left-0 inset-0 bg-overlay-white" v-show="loading">
<div class="absolute top-0 left-0 inset-0 bg-white/85" v-show="loading">
<div class="absolute top-1/2 left-1/2 transform -translate-xy-1/2 flex items-center space-x-2 h-8">
<img :src="config.loaderUrl" alt="" class="block w-4 h-4">
<span v-text="statusMessage"></span>
public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_rte-content.scss
+1 -1
View File
@@ -64,7 +64,7 @@ tbody {
}
th {
@apply border-r border-overlay-white-50 px-2 py-1 md:p-2 text-left text-sm md:text-base;
@apply border-r border-white/50 px-2 py-1 md:p-2 text-left text-sm md:text-base;
}
td {
public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_tiles.scss
+1 -1
View File
@@ -37,7 +37,7 @@
}
&:hover:after {
@apply sbw:bg-sbw-overlay-secondary uch:bg-uch-overlay-secondary;
@apply sbw:bg-sbw-overlay/55 uch:bg-uch-overlay/55;
}
}
public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_topnav.scss
+1 -1
View File
@@ -7,6 +7,6 @@
}
.topnav__item {
@apply flex items-center justify-center w-16 h-8 text-white hover:text-white focus:text-white hover:bg-ep-secondary border-l border-r border-overlay-white-50;
@apply flex items-center justify-center w-16 h-8 text-white hover:text-white focus:text-white hover:bg-ep-secondary border-l border-r border-white/50;
@apply ser:hover:bg-ser-secondary;
}
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Badge.html
+1 -1
View File
@@ -10,7 +10,7 @@
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="xMinYMin meet"
class="w-full h-full">
<circle fill="currentColor" class="text-ep-primary-50" cx="100" cy="100" r="100"/>
<circle fill="currentColor" class="text-ep-primary/50" cx="100" cy="100" r="100"/>
<circle fill="currentColor" class="text-ep-primary" cx="100" cy="100" r="70"/>
</svg>
<div class="absolute top-0 left-0 inset-0 flex flex-col items-center justify-center p-8">
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Concept/Teaser.html
+1 -1
View File
@@ -33,7 +33,7 @@
</f:else>
</f:if>
</f:alias>
<div class="absolute top-0 left-0 inset-0 bg-concept-{concept.code}-overlay">
<div class="absolute top-0 left-0 inset-0 bg-concept-{concept.code}/70">
<div class="flex h-full w-full p-4 items-end headline--3 text-white">
{concept.name}
</div>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Large.html
+1 -1
View File
@@ -3,7 +3,7 @@
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-dark\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)} my-2">
<div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-dark\', sbw: \'bg-sbw-primary/80\', snz: \'bg-snz-primary/80\', uch: \'bg-uch-primary/80\'}', key: settings.themekey)} my-2">
<f:if condition="{settings.themeKey} == 'ep'">
<f:render partial="Disrupter/Outlines"
section="Top1"
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disrupter/Small.html
+1 -1
View File
@@ -3,7 +3,7 @@
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-dark\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)} my-2">
<div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-dark\', sbw: \'bg-sbw-primary/80\', snz: \'bg-snz-primary/80\', uch: \'bg-uch-primary/80\'}', key: settings.themekey)} my-2">
<f:render partial="Disrupter/Outlines"
section="Top1"
arguments="{classes: 'hidden md:block -translate-y-2 {f:if(condition: \'{background} == 1 || {background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Large.html
+1 -1
View File
@@ -4,7 +4,7 @@
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-dark\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)} my-2">
<div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-dark\', sbw: \'bg-sbw-primary/80\', snz: \'bg-snz-primary/80\', uch: \'bg-uch-primary/80\'}', key: settings.themekey)} my-2">
<f:if condition="{settings.themeKey} == 'ep'">
<f:render partial="Disrupter/Outlines"
section="Top1"
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Disturber/Small.html
+1 -1
View File
@@ -3,7 +3,7 @@
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-dark\', sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)} my-2">
<div class="{ep:themeClasses(classes: '{ep: \'bg-ep-primary-dark\', sbw: \'bg-sbw-primary/80\', snz: \'bg-snz-primary/80\', uch: \'bg-uch-primary/80\'}', key: settings.themekey)} my-2">
<f:render partial="Disrupter/Outlines"
section="Top1"
arguments="{classes: 'hidden md:block -translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 1 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/EventDisturber.html
+1 -1
View File
@@ -5,7 +5,7 @@
<div class="container lg:max-w-screen-2xl my-8">
<div class="bg-pattern">
<div class="pt-8 lg:py-8 {ep:themeClasses(classes: '{sbw: \'bg-sbw-primary-80\', snz: \'bg-snz-primary-80\', uch: \'bg-uch-primary-80\'}', key: settings.themekey)}">
<div class="pt-8 lg:py-8 {ep:themeClasses(classes: '{sbw: \'bg-sbw-primary/80\', snz: \'bg-snz-primary/80\', uch: \'bg-uch-primary/80\'}', key: settings.themekey)}">
<div class="flex flex-col space-y-4 lg:space-y-0 lg:flex-row items-center">
<div class="w-full lg:w-1/3 font-black uppercase text-white text-4xl lg:text-3xl text-center">
{headline -> f:format.raw()}
public/typo3conf/ext/ep_theme/Resources/Private/Partials/EventHero.html
+2 -2
View File
@@ -4,7 +4,7 @@
<div class="relative max-w-screen-2xl mx-auto">
<div class="absolute bottom-0 left-0 inset-x-0">
<div class="py-8 {ep:themeClasses(classes: '{sbw: \'bg-sbw-overlay-secondary\', snz: \'bg-snz-primary-50\', uch: \'bg-uch-primary-50\'}', key: settings.themekey)}">
<div class="py-8 {ep:themeClasses(classes: '{sbw: \'bg-sbw-overlay/55\', snz: \'bg-snz-primary/50\', uch: \'bg-uch-primary/50\'}', key: settings.themekey)}">
<div class="max-w-screen-md mx-auto px-4 md:px-0 flex">
<div class="hidden sm:flex flex-col justify-center {ep:themeClasses(classes: '{sbw: \'bg-sbw-primary\', snz: \'bg-snz-secondary\', uch: \'bg-uch-secondary\'}', key: settings.themekey)}">
<div class="text-white font-extrabold text-3xl lg:text-5xl flex-1 flex flex-col justify-around items-center text-center leading-none py-2 px-8 md:px-16">
@@ -49,7 +49,7 @@
<div class="absolute top-0 right-0 mt-8 mr-4">
<svg viewBox="0 0 200 200"
class="w-40 h-40">
<circle id="bgouter" cx="100" cy="100" r="100" fill="currentColor" class="{ep:themeClasses(classes: '{sbw: \'text-sbw-primary-50\', snz: \'text-snz-primary-50\', uch: \'text-uch-primary-50\'}', key: settings.themekey)}"/>
<circle id="bgouter" cx="100" cy="100" r="100" fill="currentColor" class="{ep:themeClasses(classes: '{sbw: \'text-sbw-primary/50\', snz: \'text-snz-primary/50\', uch: \'text-uch-primary/50\'}', key: settings.themekey)}"/>
<circle id="bginner" cx="100" cy="100" r="70" fill="currentColor" class="{ep:themeClasses(classes: '{sbw: \'text-sbw-primary\', snz: \'text-snz-primary\', uch: \'text-uch-primary\'}', key: settings.themekey)}"/>
</svg>
<div class="absolute top-1/2 left-1/2 -translate-xy-1/2 flex flex-col items-center justify-around">
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Faq.html
+1 -1
View File
@@ -5,7 +5,7 @@
<f:if condition="{faqs}">
<div class="bg-winter my-2">
<div class="bg-ep-primary-80 sbw:bg-sbw-primary-80 uch:bg-uch-primary-80">
<div class="bg-ep-primary/80 sbw:bg-sbw-primary/80 uch:bg-uch-primary/80">
<f:render partial="Disrupter/Outlines" section="Top2" arguments="{classes: 'hidden md:block text-white'}"/>
<div class="container"
data-controller="faq">
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Footer.html
+2 -2
View File
@@ -3,7 +3,7 @@
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<div class="bg-ep-primary-dark sbw:bg-sbw-primary-80 uch:bg-uch-primary-80 ser:bg-ser-primary mt-8">
<div class="bg-ep-primary-dark sbw:bg-sbw-primary/80 uch:bg-uch-primary/80 ser:bg-ser-primary mt-8">
<f:if condition="{settings.themekey} == 'ep'">
<f:render partial="Disrupter/Outlines" section="Top1" arguments="{classes: '-translate-y-2 text-white'}"/>
</f:if>
@@ -164,7 +164,7 @@
<button type="button"
data-controller="scroll-top"
data-action="scroll-top#scroll"
class="hidden fixed bottom-0 right-0 mb-16 md:mb-8 mr-4 md:mr-8 z-10 h-10 w-10 flex items-center justify-center rounded bg-ep-secondary-80 ser:bg-ser-secondary">
class="hidden fixed bottom-0 right-0 mb-16 md:mb-8 mr-4 md:mr-8 z-10 h-10 w-10 flex items-center justify-center rounded bg-ep-secondary/80 ser:bg-ser-secondary">
{ep:icon(icon: 'chevron-up', class: 'w-8 h-8 text-white')}
</button>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html
+2 -2
View File
@@ -23,7 +23,7 @@
</f:alias>
<div class="absolute left-0 bottom-0 inset-x-0 px-4 py-8 w-full md:bottom-1/2 md:translate-y-1/2">
<div class="lg:container px-0">
<div class="p-4 bg-ep-primary-dark-80 sbw:bg-sbw-primary-80 snz:bg-snz-primary-80 uch:bg-uch-primary-80 ser:bg-ser-primary-80 mb-4 md:p-8 md:max-w-2xl">
<div class="p-4 bg-ep-primary-dark/80 sbw:bg-sbw-primary/80 snz:bg-snz-primary/80 uch:bg-uch-primary/80 ser:bg-ser-primary/80 mb-4 md:p-8 md:max-w-2xl">
<span class="block text-2xl md:text-4xl lg:text-5xl max-w-sm md:max-w-none font-black text-white uppercase mb-4 md:mb-8">
{slide.headline}
</span>
@@ -60,7 +60,7 @@
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="xMinYMin meet"
class="w-full h-full">
<circle fill="currentColor" class="text-ep-primary-50" cx="100" cy="100" r="100"/>
<circle fill="currentColor" class="text-ep-primary/50" cx="100" cy="100" r="100"/>
<circle fill="currentColor" class="text-ep-primary" cx="100" cy="100" r="70"/>
</svg>
<div class="absolute top-0 left-0 inset-0 flex flex-col items-center justify-center p-8">
public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSliderSmall.html
+3 -3
View File
@@ -19,7 +19,7 @@
</f:alias>
<div class="absolute bottom-0 left-0 inset-x-0 px-8 md:bottom-1/2 md:translate-y-1/2">
<div class="lg:container">
<div class="p-4 bg-ep-primary-dark-80 sbw:bg-sbw-primary-80 snz:bg-snz-primary-80 uch:bg-uch-primary-80 ser:bg-ser-primary-80 mb-4 md:p-8 md:max-w-2xl">
<div class="p-4 bg-ep-primary-dark/80 sbw:bg-sbw-primary/80 snz:bg-snz-primary/80 uch:bg-uch-primary/80 ser:bg-ser-primary/80 mb-4 md:p-8 md:max-w-2xl">
<span class="block text-xl md:text-2xl text-white uppercase">
{slide.headline}
</span>
@@ -54,7 +54,7 @@
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="xMinYMin meet"
class="w-full h-full">
<circle fill="currentColor" class="text-ep-primary-50" cx="100" cy="100" r="100"/>
<circle fill="currentColor" class="text-ep-primary/50" cx="100" cy="100" r="100"/>
<circle fill="currentColor" class="text-ep-primary" cx="100" cy="100" r="70"/>
</svg>
<div class="absolute top-0 left-0 inset-0 flex flex-col items-center justify-center p-8">
@@ -70,7 +70,7 @@
</div>
</f:if>
<f:if condition="{slide.image.0.description}">
<div class="absolute bottom-0 right-0 bg-overlay-white font-sm text-zinc-700">
<div class="absolute bottom-0 right-0 bg-white/85 font-sm text-zinc-700">
{slide.image.0.description -> f:format.htmlspecialchars()}
</div>
</f:if>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
+1 -1
View File
@@ -123,7 +123,7 @@
</f:section>
<f:section name="Subnav">
<ul class="text-white uppercase{f:if(condition: '{level} == 2', then: ' pl-4 divide-y divide-overlay-white-50')}{f:if(condition: '{level} == 3', then: ' pl-6')}{f:if(condition: '{level} > 3', then: ' ml-4 divide-y divide-overlay-white-50')}">
<ul class="text-white uppercase{f:if(condition: '{level} == 2', then: ' pl-4 divide-y divide-white/50')}{f:if(condition: '{level} == 3', then: ' pl-6')}{f:if(condition: '{level} > 3', then: ' ml-4 divide-y divide-white/50')}">
<f:for each="{children}" as="subitem">
<f:if condition="{subitem.children}">
<f:then>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Pricetable.html
+1 -1
View File
@@ -114,7 +114,7 @@
<div class="hidden fixed inset-0 w-full h-full z-50"
data-controller="modal"
data-action="pricetable:options-modal:open@window->modal#open">
<div class="absolute inset-0 w-full h-full bg-overlay-black z-25"
<div class="absolute inset-0 w-full h-full bg-black/85 z-25"
data-action="click->modal#close"></div>
<div class="absolute top-1/2 left-1/2 -translate-xy-1/2 w-full max-w-xl px-4">
<div class="shadow flex items-center justify-between p-4 bg-ep-primary-light text-white rounded-t">
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Details.html
+1 -1
View File
@@ -33,7 +33,7 @@
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="xMinYMin meet"
class="w-full h-full">
<circle fill="currentColor" class="text-ep-primary-50" cx="100" cy="100" r="100"/>
<circle fill="currentColor" class="text-ep-primary/50" cx="100" cy="100" r="100"/>
<circle fill="currentColor" class="text-ep-primary" cx="100" cy="100" r="70"/>
</svg>
<div class="absolute top-0 left-0 inset-0 flex flex-col items-center justify-center p-8">
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html
+2 -2
View File
@@ -23,7 +23,7 @@
</picture>
<div class="absolute bottom-0 left-0 inset-x-0 px-8 md:bottom-1/2 md:translate-y-1/2">
<div class="lg:container">
<div class="p-4 bg-ep-primary-dark-80 sbw:bg-sbw-primary-80 ser:bg-ser-primary-80 mb-4 md:p-8 md:max-w-2xl">
<div class="p-4 bg-ep-primary-dark/80 sbw:bg-sbw-primary/80 ser:bg-ser-primary/80 mb-4 md:p-8 md:max-w-2xl">
<span class="block text-xl md:text-2xl font-bold text-white uppercase">
{product.name}{f:if(condition: product.subline, then: ' {product.subline}')}
</span>
@@ -75,7 +75,7 @@
</div>
</f:if>
<f:if condition="{slide.image.0.description}">
<div class="absolute bottom-0 right-0 bg-overlay-white font-sm text-zinc-700">
<div class="absolute bottom-0 right-0 bg-white/85 font-sm text-zinc-700">
{slide.image.0.description -> f:format.htmlspecialchars()}
</div>
</f:if>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
+1 -1
View File
@@ -32,7 +32,7 @@
</f:else>
</f:if>
</a>
<div class="absolute top-0 left-0 z-10 inset-x-0 p-2 flex justify-between items-center {f:if(condition: concept, then: 'bg-concept-{concept.code}-overlay', else: 'bg-ep-primary-80')}">
<div class="absolute top-0 left-0 z-10 inset-x-0 p-2 flex justify-between items-center {f:if(condition: concept, then: 'bg-concept-{concept.code}/70', else: 'bg-ep-primary/80')}">
<div class="flex items-center space-x-2">
<f:if condition="{country.code}">
{ep:icon(class: 'product-teaser__flag', icon: 'flag-{country.code -> f:format.case(mode: \'lower\')}')}
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
+2 -2
View File
@@ -35,7 +35,7 @@
{ep:icon(icon: 'calendar', class: 'w-6 h-6 text-white absolute top-0 right-0 translate-y-1/2 mr-2')}
</div>
<f:if condition="{settings.datePickerPresets}">
<div class="flex flex-col divide-y divide-overlay-white mt-2">
<div class="flex flex-col divide-y divide-white/85 mt-2">
<f:for each="{settings.datePickerPresets}" as="preset">
<button type="button"
class="flex items-center justify-between w-full text-white py-2"
@@ -71,7 +71,7 @@
{ep:icon(icon: 'arrow-right', class: 'w-6 h-6 text-white', data: '{collapse-target: \'icon\'}')}
</button>
<div data-collapse-target="container"
class="p-4 border-t border-overlay-white bg-brand-gradient">
class="p-4 border-t border-white/85 bg-brand-gradient">
<ul class="mb-0 p-0 space-y-2">
<f:for each="{filterOptions.concepts}" as="concept">
<li>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/SubpageHeader.html
+2 -2
View File
@@ -17,7 +17,7 @@
</f:alias>
<div class="absolute bottom-0 left-0 inset-x-0 px-8 md:bottom-1/2 md:translate-y-1/2">
<div class="lg:container px-0">
<div class="bg-ep-primary-80 sbw:bg-sbw-primary-80 snz:bg-snz-primary-80 uch:bg-uch-primary-80 py-4 lg:py-8 px-4 mb-8 md:max-w-1/2 p-16">
<div class="bg-ep-primary/80 sbw:bg-sbw-primary/80 snz:bg-snz-primary/80 uch:bg-uch-primary/80 py-4 lg:py-8 px-4 mb-8 md:max-w-1/2 p-16">
<span class="block text-xl md:text-2xl font-light text-white uppercase">
{topline}
</span>
@@ -49,7 +49,7 @@
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="xMinYMin meet"
class="w-full h-full">
<circle fill="currentColor" class="text-ep-primary-50" cx="100" cy="100" r="100"/>
<circle fill="currentColor" class="text-ep-primary/50" cx="100" cy="100" r="100"/>
<circle fill="currentColor" class="text-ep-primary" cx="100" cy="100" r="70"/>
</svg>
<div class="absolute top-0 left-0 inset-0 flex flex-col items-center justify-center p-8">
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
+1 -1
View File
@@ -12,7 +12,7 @@
{ep:icon(icon: 'home', class: 'w-5 h-5')}
</f:link.typolink>
<f:if condition="{settings.topNavPid}">
<div class="flex-1 flex items-center divide-x divide-overlay-white-50">
<div class="flex-1 flex items-center divide-x divide-white/50">
<f:for each="{topnav}" as="menuitem">
<a class="topnav__item flex-grow{f:if(condition: menuitem.data.tx_eptheme_navitemclass, then: ' {menuitem.data.tx_eptheme_navitemclass}')}{f:if(condition: '{menuitem.active} or {menuitem.data.uid} == {settings.forceActiveTopnavUid}', then: ' bg-ep-secondary')}"
href="{menuitem.link}"{f:if(condition: '{menuitem.data.doktype} == 3', then: ' target="_blank"')}
public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Datestable.html
+5 -5
View File
@@ -26,16 +26,16 @@
<table class="w-full mb-4 bg-zinc-200">
<thead>
<tr>
<th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-left text-sm md:text-base">
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-left text-sm md:text-base">
Termin
</th>
<th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-sm md:text-base">
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-sm md:text-base">
Nächte
</th>
<th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-sm md:text-base">
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-sm md:text-base">
inklusive
</th>
<th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-sm md:text-base">
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-sm md:text-base">
ab
</th>
<th></th>
@@ -220,7 +220,7 @@
<div class="hidden fixed inset-0 w-full h-full z-50"
data-controller="modal"
data-action="pricetable:services-modal:open@window->modal#open">
<div class="absolute inset-0 w-full h-full bg-overlay-black z-25"
<div class="absolute inset-0 w-full h-full bg-black/85 z-25"
data-action="click->modal#close"></div>
<div class="absolute top-1/2 left-1/2 transform -translate-xy-1/2 w-full max-w-xl px-4">
<div class="shadow flex items-center justify-between p-4 bg-ep-primary-light ser:bg-ser-primary text-white rounded-t">
public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/DaytripRooms.html
+5 -5
View File
@@ -21,16 +21,16 @@
<table class="w-full mb-4 bg-zinc-200 text-sm xl:text-base">
<thead>
<tr>
<th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-left text-sm md:text-base">
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-left text-sm md:text-base">
Zimmerart
</th>
<th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-left text-sm md:text-base">
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-left text-sm md:text-base">
Preis
</th>
<th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-left text-sm md:text-base">
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-left text-sm md:text-base">
inkl.
</th>
<th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-left text-sm md:text-base">
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-left text-sm md:text-base">
</th>
</tr>
</thead>
@@ -79,7 +79,7 @@
<div class="hidden fixed inset-0 w-full h-full z-50"
data-controller="modal"
data-action="daytrip:services-modal:open@window->modal#open">
<div class="absolute inset-0 w-full h-full bg-overlay-black z-25 flex items-center justify-center"
<div class="absolute inset-0 w-full h-full bg-black/85 z-25 flex items-center justify-center"
data-action="click->modal#close"></div>
<div class="absolute top-1/2 left-1/2 transform -translate-xy-1/2 bg-white shadow w-full max-w-xl rounded">
<div class="shadow flex items-center justify-between p-4 bg-ep-primary-light text-white rounded-t">
public/typo3conf/ext/ep_theme/Resources/Private/Templates/AjaxTable/Pricetable.html
+5 -5
View File
@@ -23,10 +23,10 @@
<table class="w-full mb-4 bg-zinc-200">
<thead>
<tr>
<th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-left text-sm md:text-base">
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-left text-sm md:text-base">
Zimmertyp {dateRange}
</th>
<th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-sm md:text-base">
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-sm md:text-base">
<span class="lg:hidden">
inkl.
</span>
@@ -34,7 +34,7 @@
inklusive
</span>
</th>
<th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-sm md:text-base">
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-sm md:text-base">
optional
</th>
<th class="px-2 py-1 md:p-2 text-sm md:text-base">
@@ -223,7 +223,7 @@
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="xMinYMin meet"
class="w-full h-full">
<circle fill="currentColor" class="text-ep-pink-50" cx="100" cy="100" r="100"/>
<circle fill="currentColor" class="text-ep-pink/50" cx="100" cy="100" r="100"/>
<circle fill="currentColor" class="text-ep-pink" cx="100" cy="100" r="70"/>
</svg>
<div class="absolute top-0 left-0 inset-0 flex flex-col items-center justify-center p-8">
@@ -239,7 +239,7 @@
<div class="hidden fixed inset-0 w-full h-full z-50"
data-controller="modal"
data-action="pricetable:options-modal:open@window->modal#open">
<div class="absolute inset-0 w-full h-full bg-overlay-black z-25"
<div class="absolute inset-0 w-full h-full bg-black/85 z-25"
data-action="click->modal#close"></div>
<div class="absolute top-1/2 left-1/2 transform -translate-xy-1/2 w-full max-w-xl px-4">
<div class="shadow flex items-center justify-between p-4 bg-ep-primary-light text-white rounded-t">
public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/Calendar.html
+1 -1
View File
@@ -17,7 +17,7 @@
</select>
<div class="mt-4"
data-calendar-target="container"></div>
<div class="absolute top-0 left-0 inset-0 w-full h-full bg-overlay-white"
<div class="absolute top-0 left-0 inset-0 w-full h-full bg-white/85"
data-calendar-target="loadingIndicator">
<svg class="w-6 h-6 text-zinc-800 absolute top-1/2 left-1/2 transform -translate-xy-1/2">
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-spinner"></use>
public/typo3conf/ext/ep_theme/Resources/Private/Templates/FluidStyledContent/DealOfTheWeek.html
+1 -1
View File
@@ -6,7 +6,7 @@
<f:section name="Main">
<div class="bg-winter my-2">
<div class="bg-ep-primary-80">
<div class="bg-ep-primary/80">
<f:render partial="Disrupter/Outlines"
section="Top1"
arguments="{classes: 'hidden md:block transform -translate-y-2 {f:if(condition: \'{data.tx_eptheme_background} == 1 || {data.tx_eptheme_background} == 3\', then: \'text-ep-primary-bg\', else: \'text-white\')}'}"/>
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html
+1 -1
View File
@@ -316,7 +316,7 @@
</select>
<div class="mt-4"
data-calendar-target="container"></div>
<div class="absolute top-0 left-0 inset-0 w-full h-full bg-overlay-white"
<div class="absolute top-0 left-0 inset-0 w-full h-full bg-white/85"
data-calendar-target="loadingIndicator">
<f:image class="absolute top-1/2 left-1/2 -translate-xy-1/2" src="EXT:ep_theme/Resources/Public/images/ajax-loader-white.gif" alt="Loading"/>
</div>
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html
+4 -4
View File
@@ -41,7 +41,7 @@
data-datepicker-min-date-value="{f:format.date(date: 'now', format: 'Y-m-d')}"
data-action="collapse:click:outside->collapse#close searchbar:input@window->collapse#close"
data-collapse-collapsed-value="true">
<div class="relative border-b border-r border-overlay-white-50 mr-8">
<div class="relative border-b border-r border-white/50 mr-8">
<input type="text"
data-action="click->collapse#toggle"
class="w-full bg-transparent border-0 ring-0 focus:ring-0 text-white uppercase px-2 py-1 cursor-pointer placeholder-white"
@@ -96,7 +96,7 @@
data-controller="collapse"
data-action="collapse:click:outside->collapse#close searchbar:input@window->collapse#close"
data-collapse-collapsed-value="true">
<div class="relative border-b border-r border-overlay-white-50 mr-8">
<div class="relative border-b border-r border-white/50 mr-8">
<input type="text"
data-action="click->collapse#toggle"
data-searchbar-target="paxLabel"
@@ -135,7 +135,7 @@
data-controller="collapse"
data-action="collapse:click:outside->collapse#close searchbar:input@window->collapse#close"
data-collapse-collapsed-value="true">
<div class="relative border-b border-r border-overlay-white-50 mr-8">
<div class="relative border-b border-r border-white/50 mr-8">
<input type="text"
data-action="click->collapse#toggle"
data-searchbar-target="destinationLabel"
@@ -210,7 +210,7 @@
data-controller="collapse"
data-action="collapse:click:outside->collapse#close searchbar:input@window->collapse#close"
data-collapse-collapsed-value="true">
<div class="relative border-r border-b border-overlay-white-50">
<div class="relative border-r border-b border-white/50">
<input type="text"
data-action="click->collapse#toggle"
data-searchbar-target="priceRangeLabel"
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Snowreport/List.html
+6 -6
View File
@@ -11,22 +11,22 @@
<table class="w-full mb-4 bg-zinc-200">
<thead>
<tr>
<th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-sm md:text-base">
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-sm md:text-base">
Gebiet
</th>
<th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-sm md:text-base">
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-sm md:text-base">
Berg/Tal
</th>
<th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-sm md:text-base">
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-sm md:text-base">
Qualität
</th>
<th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-sm md:text-base">
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-sm md:text-base">
Geöffnete Lifte
</th>
<th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-sm md:text-base">
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-sm md:text-base">
Letzter Schneefall
</th>
<th class="border-r border-overlay-white-50 px-2 py-1 md:p-2 text-sm md:text-base">
<th class="border-r border-white/50 px-2 py-1 md:p-2 text-sm md:text-base">
Letzte Akt.
</th>
</tr>
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Watchlist/List.html
+1 -1
View File
@@ -10,7 +10,7 @@
data-controller="watchlist"
data-watchlist-uri-value="{ep:uri.ajax(action: 'list', controller: 'AjaxWatchlist', pageUid: '{settings.defaultAjaxUid}')}">
<div data-watchlist-target="container"></div>
<div class="absolute top-0 left-0 inset-0 bg-overlay-white hidden"
<div class="absolute top-0 left-0 inset-0 bg-white/85 hidden"
data-watchlist-target="loadingIndicator">
<svg class="w-6 h-6 text-ep-primary-light absolute top-1/2 left-1/2 transform -translate-xy-1/2">
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-spinner"></use>
tailwind.config.js
+20 -49
View File
@@ -1,6 +1,5 @@
const postcss = require('postcss')
const plugin = require('tailwindcss/plugin')
const tinycolor = require('tinycolor2')
module.exports = {
content: [
@@ -15,20 +14,19 @@ module.exports = {
safelist: [
'pt-8', 'pt-16', 'pb-8', 'pb-16',
'bg-red-600',
'bg-header-season-w',
'bg-header-season-s',
'bg-concept-bdg', 'bg-concept-bdg-overlay',
'bg-concept-skr', 'bg-concept-skr-overlay',
'bg-concept-evt', 'bg-concept-evt-overlay',
'bg-concept-fam', 'bg-concept-fam-overlay',
'bg-concept-grp', 'bg-concept-grp-overlay',
'bg-concept-prg', 'bg-concept-prg-overlay',
'bg-concept-ind', 'bg-concept-ind-overlay',
'bg-concept-wkd', 'bg-concept-wkd-overlay',
'bg-concept-kt', 'bg-concept-kt-overlay',
'bg-concept-spz', 'bg-concept-spz-overlay',
'bg-concept-epe', 'bg-concept-epe-overlay',
'bg-concept-sfl', 'bg-concept-sfl-overlay',
'bg-header-season-w', 'bg-header-season-s',
'bg-concept-bdg', 'bg-concept-bdg/70',
'bg-concept-skr', 'bg-concept-skr/70',
'bg-concept-evt', 'bg-concept-evt/70',
'bg-concept-fam', 'bg-concept-fam/70',
'bg-concept-grp', 'bg-concept-grp/70',
'bg-concept-prg', 'bg-concept-prg/70',
'bg-concept-ind', 'bg-concept-ind/70',
'bg-concept-wkd', 'bg-concept-wkd/70',
'bg-concept-kt', 'bg-concept-kt/70',
'bg-concept-spz', 'bg-concept-spz/70',
'bg-concept-epe', 'bg-concept-epe/70',
'bg-concept-sfl', 'bg-concept-sfl/70',
'flatpickr-input', 'flatpickr-calendar', 'flatpickr-day', 'flatpickr-day.selected',
'availability-full-to-none', 'availability-full-to-partial', 'availability-none-to-full',
'availability-partial-to-full', 'availability-none-to-partial', 'availability-partial-to-none',
@@ -51,35 +49,25 @@ module.exports = {
fontSize: {
'xs': '.8rem',
},
opacity: {
'55': '.55',
'85': '.85',
},
colors: {
overlay: {
black: tinycolor('#000000').setAlpha(0.85).toRgbString(),
white: tinycolor('#ffffff').setAlpha(0.85).toRgbString(),
'white-50': tinycolor('#ffffff').setAlpha(0.5).toRgbString(),
},
concept: {
default: '#0173A5',
DEFAULT: '#0173A5',
bdg: '#0173A5',
skr: '#0173A5',
'skr-overlay': tinycolor('#0173A5').setAlpha(0.70).toRgbString(),
evt: '#BA034F',
'evt-overlay': tinycolor('#BA034F').setAlpha(0.70).toRgbString(),
fam: '#7ca7d5',
'fam-overlay': tinycolor('#7ca7d5').setAlpha(0.70).toRgbString(),
grp: '#576D02',
'grp-overlay': tinycolor('#576D02').setAlpha(0.70).toRgbString(),
prg: '#0173A5',
'prg-overlay': tinycolor('#0173A5').setAlpha(0.70).toRgbString(),
ind: '#1684DD',
'ind-overlay': tinycolor('#1684DD').setAlpha(0.70).toRgbString(),
wkd: '#96BB05',
'wkd-overlay': tinycolor('#96BB05').setAlpha(0.70).toRgbString(),
kt: '#576D02',
'kt-overlay': tinycolor('#576D02').setAlpha(0.70).toRgbString(),
spz: '#436a8a',
epe: '#436a8a',
sfl: '#4E4E51',
'sfl-overlay': tinycolor('#4E4E51').setAlpha(0.70).toRgbString(),
},
ep: {
primary: '#3d8ccb',
@@ -88,46 +76,29 @@ module.exports = {
'primary-light': '#009fff',
'primary-medium': '#165883',
'primary-dark': '#18527b',
'primary-10': tinycolor('#3d8ccb').setAlpha(0.1).toRgbString(),
'primary-50': tinycolor('#3d8ccb').setAlpha(0.5).toRgbString(),
'primary-80': tinycolor('#3d8ccb').setAlpha(0.8).toRgbString(),
'primary-dark-80': tinycolor('#18527b').setAlpha(0.8).toRgbString(),
'secondary-10': tinycolor('#f0bc44').setAlpha(0.1).toRgbString(),
'secondary-80': tinycolor('#f0bc44').setAlpha(0.8).toRgbString(),
pink: '#fa1a8c',
'pink-50': tinycolor('#fa1a8c').setAlpha(0.5).toRgbString(),
},
sbw: {
primary: '#f0bc44',
secondary: '#ee525a',
'primary-dark': '#c7a20c',
'primary-10': tinycolor('#f0bc44').setAlpha(0.1).toRgbString(),
'primary-50': tinycolor('#f0bc44').setAlpha(0.5).toRgbString(),
'primary-80': tinycolor('#f0bc44').setAlpha(0.8).toRgbString(),
'overlay-secondary': tinycolor('#c20000').setAlpha(0.55).toRgbString(),
overlay: '#c20000',
},
snz: {
primary: '#82c3c6',
secondary: '#f9c33d',
'primary-dark': '#82c3c6',
'primary-10': tinycolor('#82C3C6').setAlpha(0.1).toRgbString(),
'primary-50': tinycolor('#82C3C6').setAlpha(0.5).toRgbString(),
'primary-80': tinycolor('#82C3C6').setAlpha(0.8).toRgbString(),
},
uch: {
primary: '#a6c62c',
secondary: '#19a3dc',
'primary-dark': '#a6c62c',
'primary-10': tinycolor('#a6c62c').setAlpha(0.1).toRgbString(),
'primary-50': tinycolor('#a6c62c').setAlpha(0.5).toRgbString(),
'primary-80': tinycolor('#a6c62c').setAlpha(0.8).toRgbString(),
'overlay-secondary': tinycolor('#a6c62c').setAlpha(0.55).toRgbString(),
overlay: '#a6c62c',
},
ser: {
primary: '#006fb6',
secondary: '#e85243',
'primary-light': '#04A4CC',
'primary-80': tinycolor('#006fb6').setAlpha(0.8).toRgbString(),
},
},
backgroundImage: {