Adjust alert box text, streamline text across sites, adjust styles

web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_color-boarderweek.scss

@@ -38,3 +38,7 @@ $lighertGrey: #F9F9F9;
 $lightGrey: #EEEDEE;
 $grey: #C7C7C7;
 $flag: rgba($bg ,0.9);
+
+$alert-info-bg: $bg;
+$alert-info-border: $bg;
+$alert-info-text: white;

web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_color-snowzone.scss

@@ -37,3 +37,7 @@ $lighertGrey: #F9F9F9;
 $lightGrey: #EEEDEE;
 $grey: #C7C7C7;
 $flag: rgba($bg ,0.9);
+
+$alert-info-bg: $bg;
+$alert-info-border: $bg;
+$alert-info-text: white;

web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_color-unichamp.scss

@@ -37,3 +37,7 @@ $lighertGrey: #F9F9F9;
 $lightGrey: #EEEDEE;
 $grey: #C7C7C7;
 $flag: rgba($bg ,0.9);
+
+$alert-info-bg: $bg;
+$alert-info-border: $bg;
+$alert-info-text: white;

web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/main.scss

@@ -1,3 +1,9 @@
+@import "variables";
+@import "color";
+
+@import "remix/variables";
+@import "remix/colors";
+
 // vendor styles
 @import "~bootstrap-sass/assets/stylesheets/bootstrap";
 
@@ -7,8 +13,6 @@
 $output-bourbon-deprecation-warnings: false;
 @import "~bourbon/app/assets/stylesheets/bourbon";
 @import "remix/breakpoints";
-@import "remix/variables";
-@import "remix/colors";
 @import "remix/mixins";
 @import "remix/base";
 @import "remix/overrides";
@@ -40,8 +44,6 @@ $output-bourbon-deprecation-warnings: false;
 @import "remix/watchlist";
 
 // core config
-@import "variables";
-@import "color";
 @import "fonts";
 @import "base";
 @import "btn";

web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/main_boarderweek.scss

@@ -1,3 +1,11 @@
+@import "variables";
+@import "color";
+@import "color-boarderweek";
+
+@import "remix/variables";
+@import "remix/colors";
+@import "remix/colors_boarderweek";
+
 // vendor styles
 @import "~bootstrap-sass/assets/stylesheets/bootstrap";
 
@@ -7,9 +15,6 @@
 $output-bourbon-deprecation-warnings: false;
 @import "~bourbon/app/assets/stylesheets/bourbon";
 @import "remix/breakpoints";
-@import "remix/variables";
-@import "remix/colors";
-@import "remix/colors_boarderweek";
 @import "remix/mixins";
 @import "remix/base";
 @import "remix/overrides";
@@ -36,9 +41,6 @@ $output-bourbon-deprecation-warnings: false;
 @import "remix/watchlist";
 
 // core config
-@import "variables";
-@import "color";
-@import "color-boarderweek";
 @import "fonts";
 @import "base";
 @import "btn";

web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/main_snowzone.scss

@@ -1,3 +1,11 @@
+@import "variables";
+@import "color";
+@import "color-snowzone";
+
+@import "remix/variables";
+@import "remix/colors";
+@import "remix/colors_snowzone";
+
 // vendor styles
 @import "~bootstrap-sass/assets/stylesheets/bootstrap";
 
@@ -7,9 +15,6 @@
 $output-bourbon-deprecation-warnings: false;
 @import "~bourbon/app/assets/stylesheets/bourbon";
 @import "remix/breakpoints";
-@import "remix/variables";
-@import "remix/colors";
-@import "remix/colors_snowzone";
 @import "remix/mixins";
 @import "remix/base";
 @import "remix/overrides";
@@ -36,9 +41,6 @@ $output-bourbon-deprecation-warnings: false;
 @import "remix/watchlist";
 
 // core config
-@import "variables";
-@import "color";
-@import "color-snowzone";
 @import "fonts";
 @import "base";
 @import "btn";

web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/main_unichamp.scss

@@ -1,3 +1,11 @@
+@import "variables";
+@import "color";
+@import "color-unichamp";
+
+@import "remix/variables";
+@import "remix/colors";
+@import "remix/colors_unichamp";
+
 // vendor styles
 @import "~bootstrap-sass/assets/stylesheets/bootstrap";
 
@@ -7,9 +15,6 @@
 $output-bourbon-deprecation-warnings: false;
 @import "~bourbon/app/assets/stylesheets/bourbon";
 @import "remix/breakpoints";
-@import "remix/variables";
-@import "remix/colors";
-@import "remix/colors_unichamp";
 @import "remix/mixins";
 @import "remix/base";
 @import "remix/overrides";
@@ -36,9 +41,6 @@ $output-bourbon-deprecation-warnings: false;
 @import "remix/watchlist";
 
 // core config
-@import "variables";
-@import "color";
-@import "color-unichamp";
 @import "fonts";
 @import "base";
 @import "btn";

web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_base.scss

@@ -44,6 +44,11 @@ a {
   &:visited {
     outline: none;
   }
+
+  .alert & {
+    color: inherit;
+    font-weight: $font-weight-bold;
+  }
 }
 
 // Block elements

web/typo3conf/ext/ep_theme/Resources/Private/Partials/NotBookable.html

@@ -0,0 +1,9 @@
+{namespace v=FluidTYPO3\Vhs\ViewHelpers}
+<div class="alert alert-info">
+    Die von Dir gewählte Reise ist aktuell nicht buchbar. Du
+    kannst diese aber ggf. gerne vor reservieren, oder wir
+    helfen dir, eine andere Unterkunft zu finden. Ruf uns an
+    unter <a href="tel:{settings.phoneNumber -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}"
+             title="Service Telefon anrufen" rel="nofollow">{settings.phoneNumber}</a>
+    oder schreibe an <f:link.email email="[email protected]"/>.
+</div>

web/typo3conf/ext/ep_theme/Resources/Private/Partials/Pricetable.html

@@ -6,7 +6,7 @@
     <f:section name="Main">
         <f:if condition="{pricetable -> f:count()} == 0">
             <f:then>
-                <p class="small">Dieses Angebot ist zur Zeit nicht buchbar.</p>
+                <f:render partial="NotBookable" arguments="{_all}"/>
             </f:then>
             <f:else>
                 <div class="table-responsive">

web/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html

@@ -158,11 +158,7 @@
                                             <f:if condition="{isProductWithNoInfoConcept}">
                                                 <f:else>
                                                     <template v-else>
-                                                        <div class="alert alert-info">
+                                                        <f:render partial="NotBookable" arguments="{_all}"/>
-                                                            Die von dir gewählte Reise ist aktuell nicht buchbar, aber wir helfen dir gerne dabei,
-                                                            eine andere Reise zu finden. Ruf uns an unter <a href="tel:{settings.phoneNumber -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}" title="Service Telefon anrufen" rel="nofollow">{settings.phoneNumber}</a>
-                                                            oder schreibe an <f:link.email email="[email protected]"/>.
-                                                        </div>
                                                     </template>
                                                 </f:else>
                                             </f:if>