v1.71.0 -- Updating mediaElement component (#249)

* v1.71.0--updated styles for menuweb

* v1.71.0 -- Added new class for spacing

* added css back in

* added css back in

* Update _media-element.scss

* Update CHANGELOG.md

CHANGELOG.md

@@ -4,6 +4,17 @@ 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.71.0
+------------------------------
+*October 30, 2019*
+
+### Changed
+- Styles for `.c-mediaElement-infoLink` and `$mediaElement-img-borderRadius` for menuweb designs
+
+## Added
+- `c-mediaElement--fullstack--negativeTop`
+
+
 v1.70.0
 ------------------------------
 *October 21, 2019*

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.70.0",
+  "version": "1.71.0",
   "main": "dist/js/index.js",
   "files": [
     "dist/js",

src/scss/components/_media-element.scss

@@ -12,7 +12,7 @@
 $mediaElement-img-width         : 50px;
 $mediaElement-img-width--mid    : 78px;
 $mediaElement-img-width--wide   : 67px;
-$mediaElement-img-borderRadius  : 8px;
+$mediaElement-img-borderRadius  : 2px;
 $mediaElement-infoLinkColor     : $blue;
 $mediaElement-fontSize          : base--scaleUp;
 $mediaElement-spacing           : spacing(x2);
@@ -126,6 +126,11 @@ $mediaElement-spacing           : spacing(x2);
             margin-top: spacing(x0.5);
         }
 
+        .c-mediaElement--fullstack--negativeTop & {
+            flex: auto;
+            margin-top: -#{spacing(x2)};
+        }
+
         // some content uses br for content shaping – get rid of it on mobile devices
         & br {
             @include media('<mid') {
@@ -154,6 +159,11 @@ $mediaElement-spacing           : spacing(x2);
         text-decoration: none;
         top: $mediaElement-spacing;
 
+        @include media('>=narrow') {
+            right: $mediaElement-spacing / 2;
+            top: $mediaElement-spacing / 2;
+        }
+
         &:hover {
             text-decoration: underline;
         }