Change color of booking button in pricetable for ski-boarderweek

2019-06-19 15:56:41 +02:00
parent 79906e4ce5
commit c531035d9a
4 changed files with 12 additions and 5 deletions
@@ -68,6 +68,11 @@
    color: white;
  }

+  &--booking {
+    background-color: $color-button-booking;
+    color: white;
+  }
+
  &--action {
    background-color: $color-label-success;
    color: white;
@@ -1,10 +1,6 @@
 $color-brand-primary: #009fe3;
 $color-brand-secondary: #f9cb0d;

-// Buttons
-$color-button-background: $color-brand-secondary;
-$color-button-foreground: white;
-
 // Bootstrap label colours
 $color-label-success: #5cb85c;
 $color-label-info: #5bc0de;
@@ -18,6 +14,11 @@ $color-grey: #c7c7c7;
 $color-font-base: #404040;
 $color-font-light: $color-grey-dark;

+// Buttons
+$color-button-background: $color-brand-secondary;
+$color-button-foreground: white;
+$color-button-booking: $color-label-danger;
+
 // Concepts
 $color-concept-default: #005ca9;
 $color-concept-bdg: $color-concept-default;
@@ -2,3 +2,4 @@ $color-brand-primary: #f0bc44;

 $color-button-background: #ee525a;
 $color-button-foreground: white;
+$color-button-booking: $color-label-success;
@@ -55,7 +55,7 @@
                                <td class="hidden-xs hidden-md">
                                    <f:if condition="{row.roomAvailable}">
                                        <f:then>
-                                            <a class="button button--small button--alert" href="{row.bookingUrl}" target="_blank">Buchen</a>
+                                            <a class="button button--small button--booking" href="{row.bookingUrl}" target="_blank">Buchen</a>
                                        </f:then>
                                        <f:else>
                                            <span class="label label-default">ausgebucht</span>