From cbb07328094db51527a663ec1516bcf084505250 Mon Sep 17 00:00:00 2001
From: Kamila Katarzyna Lach <kamila.katarzyna.lach@cern.ch>
Date: Wed, 22 Jul 2020 07:52:55 +0000
Subject: [PATCH] Fix white spaces appearing above Hero Header is some cases
---
CHANGELOG.md | 4 ++++
patterns/molecules/header-block/css/header-component.css | 3 ++-
patterns/molecules/header-block/sass/header-component.scss | 1 +
3 files changed, 7 insertions(+), 1 deletion(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 955c2c57..30e3b61a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,10 @@ 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.7.3]
+
+- Fix white spaces appearing above Hero Header is some cases
+
## [2.7.2]- 18/06/2020
- Fixed Related Card/Preview Card components not receiving correct colors when used in Landing Pages
diff --git a/patterns/molecules/header-block/css/header-component.css b/patterns/molecules/header-block/css/header-component.css
index 836bf1b3..097f518e 100644
--- a/patterns/molecules/header-block/css/header-component.css
+++ b/patterns/molecules/header-block/css/header-component.css
@@ -77,6 +77,7 @@
-o-opacity: 1;
opacity: 1; }
.cern-component-header-blocks .component-header__carousel .header-block {
+ position: absolute;
min-height: 100%;
min-width: 100%; }
.cern-component-header-blocks .component-header__carousel .header-block__veil {
@@ -385,7 +386,7 @@ body:not(.has-header) .is_half_height .cern-component-header-blocks.component-he
.cern-component-header-blocks .component-header__scroll {
display: none; } }
.header-block {
- color: transparent; }
+ color: transparent;}
.header-block .header-block__title {
color: white; }
diff --git a/patterns/molecules/header-block/sass/header-component.scss b/patterns/molecules/header-block/sass/header-component.scss
index 0ff10577..e63dfec6 100644
--- a/patterns/molecules/header-block/sass/header-component.scss
+++ b/patterns/molecules/header-block/sass/header-component.scss
@@ -103,6 +103,7 @@
}
.header-block {
+ position: absolute;
min-height: 100%;
min-width: 100%;
--
GitLab