v1.78.0: Fix OrderCard Styling for yourFavourites Experiment (#261)

* v1.78.0: Fix OrderCard Styling for yourFavourites Experiment * v1.78.0 - whitespace
justeat · Dec 10, 2019 · e9e7d45 · e9e7d45
1 parent e8051a1
commit e9e7d45
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 13 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,12 @@
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html)
 
+v1.78.0
+------------------------------
+*December 9, 2019*
+
+### Changed
+- Fix OrderCard styling forYour Favourites Experiment
 
 v1.77.0
 ------------------------------

diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "@justeat/fozzie",
   "title": "Fozzie – Just Eat UI Web Framework",
   "description": "UI Web Framework for the Just Eat Global Platform",
-  "version": "1.77.0",
+  "version": "1.78.0",
   "main": "dist/js/index.js",
   "files": [
     "dist/js",

diff --git a/src/scss/components/optional/_order-card.scss b/src/scss/components/optional/_order-card.scss
@@ -39,13 +39,13 @@ $previousOrder-hoverBoxShadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16), -2px -2px 4px 0
             text-decoration: none;
             color: $grey--mid;
         }
+    }
 
-        .c-orderCard-yourFavourites {
-            min-height: 200px;
+    .c-orderCard-yourFavourites {
+        min-height: 200px;
 
-            @include media('>=mid') {
-                min-height: 240px;
-            }
+        @include media('>=mid') {
+            min-height: 240px;
         }
     }
 
@@ -82,10 +82,6 @@ $previousOrder-hoverBoxShadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16), -2px -2px 4px 0
             width: 100%;
         }
 
-        .c-orderCard-yourFavourites {
-            height: auto;
-        }
-
         &:after {
             content: '';
             width: 100%;
@@ -98,6 +94,10 @@ $previousOrder-hoverBoxShadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16), -2px -2px 4px 0
         }
     }
 
+    .c-orderCard-yourFavourites-cuisineBanner {
+        height: auto;
+    }
+
     .c-orderCard-iconContainer {
         width: 64px;
         height: 64px;
@@ -163,10 +163,10 @@ $previousOrder-hoverBoxShadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16), -2px -2px 4px 0
         flex: 1 0 auto;
         display: flex;
         flex-direction: column;
+    }
 
-        .c-orderCard-yourFavourites {
-            padding: spacing() spacing(x2);
-        }
+    .c-orderCard-yourFavourites-content {
+        padding: spacing() spacing(x2);
     }
 
     .c-orderCard-content--defaultMessage {