From 795829d5599bf8c2182a9fe4c7d10f44ae5e887e Mon Sep 17 00:00:00 2001
From: Patrick Groeger <patrick.groeger@cern.ch>
Date: Thu, 6 Dec 2018 15:58:35 +0100
Subject: [PATCH 1/5] Fix for full screen button on the top right

---
 patterns/molecules/gallery/css/gallery-component.css   | 1 -
 patterns/molecules/gallery/sass/gallery-component.scss | 1 -
 2 files changed, 2 deletions(-)

diff --git a/patterns/molecules/gallery/css/gallery-component.css b/patterns/molecules/gallery/css/gallery-component.css
index e3701d67..fd3452a4 100755
--- a/patterns/molecules/gallery/css/gallery-component.css
+++ b/patterns/molecules/gallery/css/gallery-component.css
@@ -112,7 +112,6 @@
   -ms-flex-direction: column;
   flex-direction: column;
   min-height: 100%;
-  min-width: 100%;
   height: auto !important;
   margin-bottom: 0 !important;
 }
diff --git a/patterns/molecules/gallery/sass/gallery-component.scss b/patterns/molecules/gallery/sass/gallery-component.scss
index 9f32d2d4..ba3674c8 100755
--- a/patterns/molecules/gallery/sass/gallery-component.scss
+++ b/patterns/molecules/gallery/sass/gallery-component.scss
@@ -83,7 +83,6 @@
       @include flex-wrap(wrap);
       @include flex-direction(column);
       min-height: 100%;
-      min-width: 100%;
       height: auto !important;
       margin-bottom: 0 !important;
       img {
-- 
GitLab


From 6a78533d1565988f1c084b4022d990b300c2bdb7 Mon Sep 17 00:00:00 2001
From: Patrick Groeger <patrick.groeger@cern.ch>
Date: Fri, 14 Dec 2018 11:52:55 +0100
Subject: [PATCH 2/5] Fixed applying 'cds-loading-error' to all thumbnail items
 instead of only the affected images

---
 patterns/molecules/gallery/js/gallery_carousel.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/patterns/molecules/gallery/js/gallery_carousel.js b/patterns/molecules/gallery/js/gallery_carousel.js
index df4e8bac..472dfbe8 100755
--- a/patterns/molecules/gallery/js/gallery_carousel.js
+++ b/patterns/molecules/gallery/js/gallery_carousel.js
@@ -64,10 +64,13 @@
       .on('error', function () {
         $(this).prev('span').removeClass('cds-background-hidden');
         $(this).closest('figure').addClass('loading-cds-error');
+        var errorurl = $(this).attr('src'); //gets the url which throws the error to find it afterwards in the thumbnail items
+
         $(this).closest('.owl-carousel').find('.owl-thumb-item').each(function () {
           var background = $(this).attr('style');
-          if (background.indexOf("//cds.cern.ch/") >= 0) {
+          if (background.indexOf(errorurl) >= 0) {
             $(this).addClass('loading-cds-error');
+            return false; //returning false to break out of the each() loop as the thumb item was found
           }
         });
       });
-- 
GitLab


From cbd0808b8f6e5a7bc6c2a85ed1df4e12fa33ddf8 Mon Sep 17 00:00:00 2001
From: Konstantinos Platis <konstantinos.platis@cern.ch>
Date: Wed, 19 Dec 2018 14:14:09 +0100
Subject: [PATCH 3/5] WT-697: Added text-shadow for Hero Frames

---
 .../header-block/css/header-component.css     | 707 +++++++-----------
 .../header-block/sass/header-component.scss   |   1 +
 2 files changed, 272 insertions(+), 436 deletions(-)

diff --git a/patterns/molecules/header-block/css/header-component.css b/patterns/molecules/header-block/css/header-component.css
index 31780d47..af3db30c 100755
--- a/patterns/molecules/header-block/css/header-component.css
+++ b/patterns/molecules/header-block/css/header-component.css
@@ -1,525 +1,360 @@
 .cern-component-header-blocks .component-header__carousel {
-  clear: both;
-}
-
-.cern-component-header-blocks .component-header__carousel:before, .cern-component-header-blocks .component-header__carousel:after {
-  content: "";
-  display: table;
-}
-
-.cern-component-header-blocks .component-header__carousel:after {
-  clear: both;
-}
+  clear: both; }
+  .cern-component-header-blocks .component-header__carousel:before, .cern-component-header-blocks .component-header__carousel:after {
+    content: "";
+    display: table; }
+  .cern-component-header-blocks .component-header__carousel:after {
+    clear: both; }
 
 @font-face {
   font-family: "sourcesans-regular";
-  src: url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/regular.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/regular.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/regular.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/regular.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/regular.svg#sourcesans-regular") format("svg");
-}
-
+  src: url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/regular.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/regular.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/regular.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/regular.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/regular.svg#sourcesans-regular") format("svg"); }
 @font-face {
   font-family: "sourcesans-semibold";
-  src: url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/semibold.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/semibold.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/semibold.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/semibold.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/semibold.svg#sourcesans-semibold") format("svg");
-}
-
+  src: url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/semibold.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/semibold.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/semibold.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/semibold.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/semibold.svg#sourcesans-semibold") format("svg"); }
 @font-face {
   font-family: "sourcesans-bold";
-  src: url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/bold.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/bold.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/bold.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/bold.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/bold.svg#sourcesans-bold") format("svg");
-}
-
+  src: url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/bold.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/bold.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/bold.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/bold.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/bold.svg#sourcesans-bold") format("svg"); }
 @font-face {
   font-family: "sourcesans-light";
-  src: url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/light.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/light.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/light.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/light.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/light.svg#sourcesans-light") format("svg");
-}
-
+  src: url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/light.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/light.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/light.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/light.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/sourcesanspro/light.svg#sourcesans-light") format("svg"); }
 @font-face {
   font-family: "opensans-regular";
-  src: url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/regular.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/regular.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/regular.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/regular.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/regular.svg#opensans-regular") format("svg");
-}
-
+  src: url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/regular.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/regular.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/regular.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/regular.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/regular.svg#opensans-regular") format("svg"); }
 @font-face {
   font-family: "opensans-semibold";
-  src: url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/semibold.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/semibold.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/semibold.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/semibold.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/semibold.svg#opensans-semibold") format("svg");
-}
-
+  src: url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/semibold.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/semibold.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/semibold.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/semibold.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/semibold.svg#opensans-semibold") format("svg"); }
 @font-face {
   font-family: "opensans-bold";
-  src: url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/bold.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/bold.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/bold.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/bold.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/bold.svg#opensans-bold") format("svg");
-}
-
+  src: url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/bold.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/bold.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/bold.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/bold.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/open-sans/bold.svg#opensans-bold") format("svg"); }
 @font-face {
   font-family: "cern-icons";
-  src: url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.svg#cern-icons") format("svg");
-}
-
+  src: url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.eot?") format("eot"), url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.woff2") format("woff2"), url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.woff") format("woff"), url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.ttf") format("truetype"), url("//framework.web.cern.ch/framework/3.0/fonts/cern/cern.svg#cern-icons") format("svg"); }
 .component-row__display__fluid .cern-component-header-blocks .component-header__carousel .owl-item {
-  margin: 0;
-}
-
-.component-row__display__fluid .cern-component-header-blocks .component-header__carousel .owl-item.active {
-  margin: 0px -2px -2px -2px;
-  width: calc(100vw + 4px) !important;
-}
+  margin: 0; }
+  .component-row__display__fluid .cern-component-header-blocks .component-header__carousel .owl-item.active {
+    margin: 0px -2px -2px -2px;
+    width: calc(100vw + 4px) !important; }
 
 .cern-component-header-blocks *,
 .cern-component-header-blocks *::after,
 .cern-component-header-blocks *::before {
-  box-sizing: border-box;
-}
-
+  box-sizing: border-box; }
 .cern-component-header-blocks.component-header {
   height: 100vh;
   width: 100%;
-  position: relative;
-}
-
+  position: relative; }
 .cern-component-header-blocks .component-header__carousel {
   height: 100%;
   width: 100%;
   font-family: 'sourcesans-regular';
-  position: relative;
-}
-
-.cern-component-header-blocks .component-header__carousel .owl-stage-outer {
-  height: 100%;
-  width: 100%;
-}
-
-.cern-component-header-blocks .component-header__carousel .owl-stage {
-  height: 100%;
-  width: 100%;
-}
-
-.cern-component-header-blocks .component-header__carousel .owl-item {
-  position: relative;
-  height: 100%;
-  width: 100%;
-  filter: alpha(opacity=0);
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-  -webkit-opacity: 0;
-  -khtml-opacity: 0;
-  -moz-opacity: 0;
-  -ms-opacity: 0;
-  -o-opacity: 0;
-  opacity: 0;
-}
-
-.cern-component-header-blocks .component-header__carousel .owl-item.active {
-  filter: alpha(opacity=100);
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-  -webkit-opacity: 1;
-  -khtml-opacity: 1;
-  -moz-opacity: 1;
-  -ms-opacity: 1;
-  -o-opacity: 1;
-  opacity: 1;
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block {
-  min-height: 100%;
-  min-width: 100%;
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block__veil {
-  min-height: 100%;
-  position: absolute;
-  z-index: 0;
-  min-width: 100%;
-  background-color: rgba(13, 13, 13, 0.5);
-  z-index: 0;
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block .background__image,
-.cern-component-header-blocks .component-header__carousel .header-block .background__cds_media {
-  position: absolute;
-  min-height: 100%;
-  min-width: 100%;
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block .background__image figure.cds-image img,
-.cern-component-header-blocks .component-header__carousel .header-block .background__cds_media figure.cds-image img {
-  position: absolute !important;
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block__video {
-  min-height: 100%;
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block__title {
-  position: absolute;
-  z-index: 10;
-  padding: 0 10%;
-  right: 0;
-  left: 0;
-  margin: 120px auto 0;
-  color: white;
-}
-
-@media only screen and (max-width: 991px) and (min-width: 768px) {
-  .cern-component-header-blocks .component-header__carousel .header-block__title {
-    margin: 180px auto 0;
-  }
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block__title h3.header-block__name {
-  font-family: opensans-bold;
-  font-weight: 500;
-  font-size: 39px;
-  line-height: 1;
-  margin: 0 0 50px;
-  position: relative;
-  text-align: center;
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block__title h3.header-block__name a {
-  position: relative;
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block__title h3.header-block__name a:after {
-  -webkit-transition: all 0.3s ease-in-out 0s;
-  -khtml-transition: all 0.3s ease-in-out 0s;
-  -moz-transition: all 0.3s ease-in-out 0s;
-  -ms-transition: all 0.3s ease-in-out 0s;
-  -o-transition: all 0.3s ease-in-out 0s;
-  transition: all 0.3s ease-in-out 0s;
-  content: "";
-  display: block;
-  height: 2px;
-  position: absolute;
-  width: 0px;
-  left: 0;
-  margin: auto;
-  bottom: -10px;
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block__title h3.header-block__name a:hover:after {
-  width: 100%;
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block__title h3.header-block__name__underline {
-  content: "";
-  display: block;
-  height: 2px;
-  position: absolute;
-  width: 135px;
-  right: 0;
-  left: 0;
-  margin: auto;
-  bottom: -23px;
-}
-
-@media only screen and (max-width: 991px) {
-  .cern-component-header-blocks .component-header__carousel .header-block__title h3.header-block__name {
-    font-size: calc(100vh / 20);
-    margin-bottom: calc(100vh / 20);
-  }
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block__subhead {
-  color: white;
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block__subhead hr {
-  width: 135px;
-  border-top-width: 2px;
-}
-
-@media only screen and (max-width: 991px) {
-  .cern-component-header-blocks .component-header__carousel .header-block__subhead p {
-    margin: 0 0 5px;
-  }
-  .cern-component-header-blocks .component-header__carousel .header-block__subhead h1,
-  .cern-component-header-blocks .component-header__carousel .header-block__subhead h2,
-  .cern-component-header-blocks .component-header__carousel .header-block__subhead h3 {
-    font-size: calc(100vh / 20) !important;
-  }
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block ol.breadcrumb {
-  text-align: center;
-  background: transparent;
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block ol.breadcrumb li:not(:first-child):before {
-  content: '\6a';
-  font-family: "cern-icons";
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  position: relative;
-  top: 5px;
-  font-size: 1.3em;
-  padding: 0;
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block ol.breadcrumb li a:hover {
-  text-decoration: none;
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block ol.breadcrumb * {
-  color: inherit;
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block ol.breadcrumb *:before {
-  color: inherit;
-}
-
-.cern-component-header-blocks .component-header__carousel .header-block b.highlight {
-  background: #0855a0;
-}
-
-.cern-component-header-blocks .component-header__carousel .owl-dots {
-  position: absolute;
-  left: 10%;
-  bottom: 25px;
-}
-
-.cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot {
-  -webkit-border-radius: 50%;
-  -khtml-border-radius: 50%;
-  -moz-border-radius: 50%;
-  -ms-border-radius: 50%;
-  -o-border-radius: 50%;
-  border-radius: 50%;
-  height: 18px;
-  margin: 0 10px;
-  width: 18px;
-  position: relative;
-  top: 2px;
-}
-
-.cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot span {
-  -webkit-border-radius: 50%;
-  -khtml-border-radius: 50%;
-  -moz-border-radius: 50%;
-  -ms-border-radius: 50%;
-  -o-border-radius: 50%;
-  border-radius: 50%;
-  filter: alpha(opacity=100);
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-  -webkit-opacity: 1;
-  -khtml-opacity: 1;
-  -moz-opacity: 1;
-  -ms-opacity: 1;
-  -o-opacity: 1;
-  opacity: 1;
-  height: 8px;
-  margin: 3px auto 0;
-  padding: 0;
-  width: 8px;
-}
-
-.cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot.active, .cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot:hover {
-  border: 2px solid;
-  top: 0;
-}
-
+  position: relative; }
+  .cern-component-header-blocks .component-header__carousel .owl-stage-outer {
+    height: 100%;
+    width: 100%; }
+  .cern-component-header-blocks .component-header__carousel .owl-stage {
+    height: 100%;
+    width: 100%; }
+  .cern-component-header-blocks .component-header__carousel .owl-item {
+    position: relative;
+    height: 100%;
+    width: 100%;
+    filter: alpha(opacity=0);
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+    -webkit-opacity: 0;
+    -khtml-opacity: 0;
+    -moz-opacity: 0;
+    -ms-opacity: 0;
+    -o-opacity: 0;
+    opacity: 0; }
+    .cern-component-header-blocks .component-header__carousel .owl-item.active {
+      filter: alpha(opacity=100);
+      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+      -webkit-opacity: 1;
+      -khtml-opacity: 1;
+      -moz-opacity: 1;
+      -ms-opacity: 1;
+      -o-opacity: 1;
+      opacity: 1; }
+  .cern-component-header-blocks .component-header__carousel .header-block {
+    min-height: 100%;
+    min-width: 100%; }
+    .cern-component-header-blocks .component-header__carousel .header-block__veil {
+      min-height: 100%;
+      position: absolute;
+      z-index: 0;
+      min-width: 100%;
+      background-color: rgba(13, 13, 13, 0.5);
+      z-index: 0; }
+    .cern-component-header-blocks .component-header__carousel .header-block .background__image,
+    .cern-component-header-blocks .component-header__carousel .header-block .background__cds_media {
+      position: absolute;
+      min-height: 100%;
+      min-width: 100%; }
+      .cern-component-header-blocks .component-header__carousel .header-block .background__image figure.cds-image img,
+      .cern-component-header-blocks .component-header__carousel .header-block .background__cds_media figure.cds-image img {
+        position: absolute !important; }
+    .cern-component-header-blocks .component-header__carousel .header-block__video {
+      min-height: 100%; }
+    .cern-component-header-blocks .component-header__carousel .header-block__title {
+      position: absolute;
+      z-index: 10;
+      padding: 0 10%;
+      right: 0;
+      left: 0;
+      margin: 120px auto 0;
+      color: white;
+      text-shadow: 1px 0px 1px black, 0px 1px 1px black, -1px 0px 1px black, 0px -1px 1px black, 0 0 1px black; }
+      @media only screen and (max-width: 991px) and (min-width: 768px) {
+        .cern-component-header-blocks .component-header__carousel .header-block__title {
+          margin: 180px auto 0; } }
+      .cern-component-header-blocks .component-header__carousel .header-block__title h3.header-block__name {
+        font-family: opensans-bold;
+        font-weight: 500;
+        font-size: 39px;
+        line-height: 1;
+        margin: 0 0 50px;
+        position: relative;
+        text-align: center; }
+        .cern-component-header-blocks .component-header__carousel .header-block__title h3.header-block__name a {
+          position: relative; }
+          .cern-component-header-blocks .component-header__carousel .header-block__title h3.header-block__name a:after {
+            -webkit-transition: all 0.3s ease-in-out 0s;
+            -khtml-transition: all 0.3s ease-in-out 0s;
+            -moz-transition: all 0.3s ease-in-out 0s;
+            -ms-transition: all 0.3s ease-in-out 0s;
+            -o-transition: all 0.3s ease-in-out 0s;
+            transition: all 0.3s ease-in-out 0s;
+            content: "";
+            display: block;
+            height: 2px;
+            position: absolute;
+            width: 0px;
+            left: 0;
+            margin: auto;
+            bottom: -10px; }
+          .cern-component-header-blocks .component-header__carousel .header-block__title h3.header-block__name a:hover:after {
+            width: 100%; }
+        .cern-component-header-blocks .component-header__carousel .header-block__title h3.header-block__name__underline {
+          content: "";
+          display: block;
+          height: 2px;
+          position: absolute;
+          width: 135px;
+          right: 0;
+          left: 0;
+          margin: auto;
+          bottom: -23px; }
+      @media only screen and (max-width: 991px) {
+        .cern-component-header-blocks .component-header__carousel .header-block__title h3.header-block__name {
+          font-size: calc(100vh / 20);
+          margin-bottom: calc(100vh / 20); } }
+    .cern-component-header-blocks .component-header__carousel .header-block__subhead {
+      color: white; }
+      .cern-component-header-blocks .component-header__carousel .header-block__subhead hr {
+        width: 135px;
+        border-top-width: 2px; }
+      @media only screen and (max-width: 991px) {
+        .cern-component-header-blocks .component-header__carousel .header-block__subhead p {
+          margin: 0 0 5px; }
+        .cern-component-header-blocks .component-header__carousel .header-block__subhead h1,
+        .cern-component-header-blocks .component-header__carousel .header-block__subhead h2,
+        .cern-component-header-blocks .component-header__carousel .header-block__subhead h3 {
+          font-size: calc(100vh / 20) !important; } }
+    .cern-component-header-blocks .component-header__carousel .header-block ol.breadcrumb {
+      text-align: center;
+      background: transparent; }
+      .cern-component-header-blocks .component-header__carousel .header-block ol.breadcrumb li:not(:first-child):before {
+        content: '\6a';
+        font-family: "cern-icons";
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-font-smoothing: antialiased;
+        position: relative;
+        top: 5px;
+        font-size: 1.3em;
+        padding: 0; }
+      .cern-component-header-blocks .component-header__carousel .header-block ol.breadcrumb li a:hover {
+        text-decoration: none; }
+      .cern-component-header-blocks .component-header__carousel .header-block ol.breadcrumb * {
+        color: inherit; }
+        .cern-component-header-blocks .component-header__carousel .header-block ol.breadcrumb *:before {
+          color: inherit; }
+    .cern-component-header-blocks .component-header__carousel .header-block b.highlight {
+      background: #0855a0; }
+  .cern-component-header-blocks .component-header__carousel .owl-dots {
+    position: absolute;
+    left: 10%;
+    bottom: 25px; }
+    .cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot {
+      -webkit-border-radius: 50%;
+      -khtml-border-radius: 50%;
+      -moz-border-radius: 50%;
+      -ms-border-radius: 50%;
+      -o-border-radius: 50%;
+      border-radius: 50%;
+      height: 18px;
+      margin: 0 10px;
+      width: 18px;
+      position: relative;
+      top: 2px; }
+      .cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot span {
+        -webkit-border-radius: 50%;
+        -khtml-border-radius: 50%;
+        -moz-border-radius: 50%;
+        -ms-border-radius: 50%;
+        -o-border-radius: 50%;
+        border-radius: 50%;
+        filter: alpha(opacity=100);
+        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+        -webkit-opacity: 1;
+        -khtml-opacity: 1;
+        -moz-opacity: 1;
+        -ms-opacity: 1;
+        -o-opacity: 1;
+        opacity: 1;
+        height: 8px;
+        margin: 3px auto 0;
+        padding: 0;
+        width: 8px; }
+      .cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot.active, .cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot:hover {
+        border: 2px solid;
+        top: 0; }
 .cern-component-header-blocks .component-header__scroll {
   display: block;
   position: absolute;
   right: 0;
   left: 0;
   margin: auto;
-  bottom: 30px;
-}
+  bottom: 30px; }
 
 body.has-header.toolbar-fixed .cern-component-header-blocks.component-header {
-  height: calc(100vh - 39px);
-}
-
+  height: calc(100vh - 39px); }
 body.has-header.toolbar-fixed.toolbar-vertical .cern-component-header-blocks.component-header {
-  height: calc(100vh - 39px);
-}
-
+  height: calc(100vh - 39px); }
 body.has-header.toolbar-fixed:not(.toolbar-vertical).toolbar-tray-open .cern-component-header-blocks.component-header {
-  height: calc(100vh - 78px);
-}
-
+  height: calc(100vh - 78px); }
 body.has-header.cern-toolbar .cern-component-header-blocks.component-header {
-  height: calc(100vh - 40px);
-}
-
+  height: calc(100vh - 40px); }
 @media only screen and (max-width: 767px) {
   body.has-header.cern-toolbar.toolbar-vertical .cern-component-header-blocks.component-header {
-    height: calc(100vh - 79px);
-  }
-}
-
+    height: calc(100vh - 79px); } }
 body.has-header.cern-toolbar.toolbar-fixed .cern-component-header-blocks.component-header {
-  height: calc(100vh - 79px);
-}
-
+  height: calc(100vh - 79px); }
 body.has-header.cern-toolbar.toolbar-fixed.toolbar-vertical .cern-component-header-blocks.component-header {
-  height: calc(100vh - 79px);
-}
-
+  height: calc(100vh - 79px); }
 body.has-header.cern-toolbar:not(.toolbar-vertical).toolbar-tray-open .cern-component-header-blocks.component-header {
-  height: calc(100vh - 118px);
-}
+  height: calc(100vh - 118px); }
 
 body.has-header.toolbar-fixed .is_full_height .cern-component-header-blocks.component-header {
-  height: calc(100vh - 39px);
-}
-
+  height: calc(100vh - 39px); }
 body.has-header.toolbar-fixed.toolbar-vertical .is_full_height .cern-component-header-blocks.component-header {
-  height: calc(100vh - 39px);
-}
-
+  height: calc(100vh - 39px); }
 body.has-header.toolbar-fixed:not(.toolbar-vertical).toolbar-tray-open .is_full_height .cern-component-header-blocks.component-header {
-  height: calc(100vh - 78px);
-}
-
+  height: calc(100vh - 78px); }
 body.has-header.cern-toolbar .is_full_height .cern-component-header-blocks.component-header {
-  height: calc(100vh - 40px);
-}
-
+  height: calc(100vh - 40px); }
 @media only screen and (max-width: 767px) {
   body.has-header.cern-toolbar.toolbar-vertical .is_full_height .cern-component-header-blocks.component-header {
-    height: calc(100vh - 79px);
-  }
-}
-
+    height: calc(100vh - 79px); } }
 body.has-header.cern-toolbar.toolbar-fixed .is_full_height .cern-component-header-blocks.component-header {
-  height: calc(100vh - 79px);
-}
-
+  height: calc(100vh - 79px); }
 body.has-header.cern-toolbar.toolbar-fixed.toolbar-vertical .is_full_height .cern-component-header-blocks.component-header {
-  height: calc(100vh - 79px);
-}
-
+  height: calc(100vh - 79px); }
 body.has-header.cern-toolbar:not(.toolbar-vertical).toolbar-tray-open .is_full_height .cern-component-header-blocks.component-header {
-  height: calc(100vh - 118px);
-}
-
+  height: calc(100vh - 118px); }
 body.has-header.no-admin-toolbar .is_full_height .cern-component-header-blocks.component-header {
-  height: calc(100vh - 39px) !important;
-}
+  height: calc(100vh - 39px) !important; }
 
 body.toolbar-fixed .is_half_height .cern-component-header-blocks.component-header {
   height: calc((100vh - 39px) / 2);
-  min-height: calc((100vh - 39px) / 2);
-}
-
+  min-height: calc((100vh - 39px) / 2); }
 body.toolbar-fixed.toolbar-vertical .is_half_height .cern-component-header-blocks.component-header {
   height: calc((100vh - 39px) / 2);
-  min-height: calc((100vh - 39px) / 2);
-}
-
+  min-height: calc((100vh - 39px) / 2); }
 body.toolbar-fixed:not(.toolbar-vertical).toolbar-tray-open .is_half_height .cern-component-header-blocks.component-header {
   height: calc((100vh - 78px) / 2);
-  min-height: calc((100vh - 78px) / 2);
-}
-
+  min-height: calc((100vh - 78px) / 2); }
 body.cern-toolbar .is_half_height .cern-component-header-blocks.component-header {
   height: calc((100vh - 40px) / 2);
-  min-height: calc((100vh - 40px) / 2);
-}
-
+  min-height: calc((100vh - 40px) / 2); }
 @media only screen and (max-width: 767px) {
   body.cern-toolbar.toolbar-vertical .is_half_height .cern-component-header-blocks.component-header {
     height: calc((100vh - 79px) / 2);
-    min-height: calc((100vh - 79px) / 2);
-  }
-}
-
+    min-height: calc((100vh - 79px) / 2); } }
 body.cern-toolbar.toolbar-fixed .is_half_height .cern-component-header-blocks.component-header {
   height: calc((100vh - 79px) / 2);
-  min-height: calc((100vh - 79px) / 2);
-}
-
+  min-height: calc((100vh - 79px) / 2); }
 body.cern-toolbar.toolbar-fixed.toolbar-vertical .is_half_height .cern-component-header-blocks.component-header {
   height: calc((100vh - 79px) / 2);
-  min-height: calc((100vh - 79px) / 2);
-}
-
+  min-height: calc((100vh - 79px) / 2); }
 body.cern-toolbar:not(.toolbar-vertical).toolbar-tray-open .is_half_height .cern-component-header-blocks.component-header {
   height: calc((100vh - 118px) / 2);
-  min-height: calc((100vh - 118px) / 2);
-}
+  min-height: calc((100vh - 118px) / 2); }
 
 @media only screen and (max-width: 991px) and (min-width: 767px) {
   .cern-component-header-blocks {
-    position: relative;
-  }
-}
-
+    position: relative; } }
 @media only screen and (max-width: 767px) {
   .cern-component-header-blocks {
-    position: relative;
-  }
-  .cern-component-header-blocks .component-header__carousel .header-block__title {
-    margin: 85px auto 0;
-    padding: 0 5%;
-  }
-  .cern-component-header-blocks .component-header__carousel .header-block__name {
-    font-size: 40px;
-    font-size: 4rem;
-  }
-  .cern-component-header-blocks .component-header__carousel .header-block__subhead {
-    line-height: 1.2;
-    font-size: 14px;
-  }
-  .cern-component-header-blocks .component-header__carousel .owl-controls,
-  .cern-component-header-blocks .component-header__carousel .owl-dots {
-    position: absolute;
-    left: 5px;
-    bottom: 25px;
-    right: 0;
-    margin: auto;
-    text-align: left;
-  }
-  .cern-component-header-blocks .component-header__carousel .owl-controls .owl-page,
-  .cern-component-header-blocks .component-header__carousel .owl-controls .owl-dot,
-  .cern-component-header-blocks .component-header__carousel .owl-dots .owl-page,
-  .cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot {
-    height: 25px;
-    margin: 0 2px;
-    width: 25px;
-    top: 0;
-  }
-  .cern-component-header-blocks .component-header__carousel .owl-controls .owl-page span,
-  .cern-component-header-blocks .component-header__carousel .owl-controls .owl-dot span,
-  .cern-component-header-blocks .component-header__carousel .owl-dots .owl-page span,
-  .cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot span {
-    height: 17px;
-    width: 17px;
-  }
-  .cern-component-header-blocks .component-header__carousel .owl-controls .owl-page.active, .cern-component-header-blocks .component-header__carousel .owl-controls .owl-page:hover,
-  .cern-component-header-blocks .component-header__carousel .owl-controls .owl-dot.active,
-  .cern-component-header-blocks .component-header__carousel .owl-controls .owl-dot:hover,
-  .cern-component-header-blocks .component-header__carousel .owl-dots .owl-page.active,
-  .cern-component-header-blocks .component-header__carousel .owl-dots .owl-page:hover,
-  .cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot.active,
-  .cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot:hover {
-    top: -1px;
-    border: 1px solid;
-  }
-  .cern-component-header-blocks .component-header__scroll {
-    transform: scale(0.7, 0.7);
-  }
-}
-
+    position: relative; }
+    .cern-component-header-blocks .component-header__carousel .header-block__title {
+      margin: 85px auto 0;
+      padding: 0 5%; }
+    .cern-component-header-blocks .component-header__carousel .header-block__name {
+      font-size: 40px;
+      font-size: 4rem; }
+    .cern-component-header-blocks .component-header__carousel .header-block__subhead {
+      line-height: 1.2;
+      font-size: 14px; }
+    .cern-component-header-blocks .component-header__carousel .owl-controls,
+    .cern-component-header-blocks .component-header__carousel .owl-dots {
+      position: absolute;
+      left: 5px;
+      bottom: 25px;
+      right: 0;
+      margin: auto;
+      text-align: left; }
+      .cern-component-header-blocks .component-header__carousel .owl-controls .owl-page,
+      .cern-component-header-blocks .component-header__carousel .owl-controls .owl-dot,
+      .cern-component-header-blocks .component-header__carousel .owl-dots .owl-page,
+      .cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot {
+        height: 25px;
+        margin: 0 2px;
+        width: 25px;
+        top: 0; }
+        .cern-component-header-blocks .component-header__carousel .owl-controls .owl-page span,
+        .cern-component-header-blocks .component-header__carousel .owl-controls .owl-dot span,
+        .cern-component-header-blocks .component-header__carousel .owl-dots .owl-page span,
+        .cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot span {
+          height: 17px;
+          width: 17px; }
+        .cern-component-header-blocks .component-header__carousel .owl-controls .owl-page.active, .cern-component-header-blocks .component-header__carousel .owl-controls .owl-page:hover,
+        .cern-component-header-blocks .component-header__carousel .owl-controls .owl-dot.active,
+        .cern-component-header-blocks .component-header__carousel .owl-controls .owl-dot:hover,
+        .cern-component-header-blocks .component-header__carousel .owl-dots .owl-page.active,
+        .cern-component-header-blocks .component-header__carousel .owl-dots .owl-page:hover,
+        .cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot.active,
+        .cern-component-header-blocks .component-header__carousel .owl-dots .owl-dot:hover {
+          top: -1px;
+          border: 1px solid; }
+    .cern-component-header-blocks .component-header__scroll {
+      transform: scale(0.7, 0.7); } }
 @media screen and (max-width: 479px) {
   .cern-component-header-blocks .component-header__carousel .owl-dots {
-    bottom: 45px;
-  }
+    bottom: 45px; }
+
   .component-header__scroll {
-    display: none;
-  }
+    display: none; }
+
   /* dots on half-height header */
   .is_half_height .cern-component-header-blocks .component-header__carousel .owl-dots {
-    bottom: 25px;
-  }
-}
-
+    bottom: 25px; } }
 @media screen and (max-height: 360px) {
   .cern-component-header-blocks .component-header__scroll {
-    display: none;
-  }
-}
-
+    display: none; } }
 .header-block {
-  color: transparent;
-}
+  color: transparent; }
+  .header-block .header-block__title {
+    color: white; }
 
-.header-block .header-block__title {
-  color: white;
-}
+/*# sourceMappingURL=header-component.css.map */
diff --git a/patterns/molecules/header-block/sass/header-component.scss b/patterns/molecules/header-block/sass/header-component.scss
index dc2180d0..97c16c40 100755
--- a/patterns/molecules/header-block/sass/header-component.scss
+++ b/patterns/molecules/header-block/sass/header-component.scss
@@ -139,6 +139,7 @@
         left: 0;
         margin: 120px auto 0;
         color: white;
+        text-shadow: 1px 0px 1px black, 0px 1px 1px black, -1px 0px 1px black, 0px -1px 1px black, 0 0 1px black;
 
         @media only screen and (max-width: 991px) and (min-width: 768px) {
           margin: 180px auto 0;
-- 
GitLab


From 88f7814d249ad372cbd19a9d6b52b3aaa81a92e0 Mon Sep 17 00:00:00 2001
From: Konstantinos Platis <konstantinos.platis@cern.ch>
Date: Fri, 21 Dec 2018 16:31:31 +0100
Subject: [PATCH 4/5] Fixed issue with preview cards overflowing under mega
 menu

---
 .../molecules/preview-card/css/component-preview-card.css | 5 -----
 .../preview-card/sass/component-preview-card.scss         | 8 ++++----
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/patterns/molecules/preview-card/css/component-preview-card.css b/patterns/molecules/preview-card/css/component-preview-card.css
index 9da4c64e..1510d8ca 100644
--- a/patterns/molecules/preview-card/css/component-preview-card.css
+++ b/patterns/molecules/preview-card/css/component-preview-card.css
@@ -97,10 +97,6 @@
       font-size: 60px;
       position: relative;
       top: -10px; }
-  .component-preview-cards .component-preview-cards__category-icon-vocabulary + .preview-card__title h3 a span {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis; }
   .component-preview-cards .preview-card {
     width: 100%; }
     .component-preview-cards .preview-card__title {
@@ -119,7 +115,6 @@
           position: relative;
           line-height: 26px !important; }
           .component-preview-cards .preview-card__title h3 a span {
-            display: block;
             width: 100%; }
         .component-preview-cards .preview-card__title h3 a:hover {
           text-decoration: none; }
diff --git a/patterns/molecules/preview-card/sass/component-preview-card.scss b/patterns/molecules/preview-card/sass/component-preview-card.scss
index 896cf471..55ecb9b4 100755
--- a/patterns/molecules/preview-card/sass/component-preview-card.scss
+++ b/patterns/molecules/preview-card/sass/component-preview-card.scss
@@ -113,9 +113,9 @@
       h3{
         a{
           span{
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
+            //white-space: nowrap;
+            //overflow: hidden;
+            //text-overflow: ellipsis;
           }
         }
       }
@@ -140,7 +140,7 @@
           position: relative;
           line-height: 26px !important;
           span {
-            display: block;
+            //display: block;
             width: 100%;
             //white-space: normal;
             //overflow: hidden;
-- 
GitLab


From 8fd300cf9ca402122a7ead84b5955f6b3ccdfe34 Mon Sep 17 00:00:00 2001
From: Konstantinos Platis <konstantinos.platis@cern.ch>
Date: Mon, 21 Jan 2019 10:17:58 +0100
Subject: [PATCH 5/5] Updated CHANGELOG and incremented module version to
 v2.3.0

---
 CHANGELOG.md             | 8 ++++++++
 cern_components.info.yml | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 88629602..26bd445b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,14 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.3.0] - 21-01-2019
+### Fixed
+- Applying 'CDS-loading-error' to all thumbnail items instead of only affected images
+- Issue with Preview cards overflowing under mega menu
+
+### Added
+- Text shadow for Hero Frames titles and subtitles
+
 
 ## [2.2.2] - 16-01-2019
 ### Fixed
diff --git a/cern_components.info.yml b/cern_components.info.yml
index 3ee01a27..6fde5d7b 100755
--- a/cern_components.info.yml
+++ b/cern_components.info.yml
@@ -2,7 +2,7 @@ name: "CERN Components"
 type: module
 description: "Provides all the necessary modules regarding CERN Web Components."
 core: 8.x
-version: 2.2.2
+version: 2.3.0
 package: CERN Components
 dependencies:
   - components:components (>=8.x-1.1-alpha1)
-- 
GitLab