From 907540135497b3c86ef863725aef02deffbb992f Mon Sep 17 00:00:00 2001
From: Fredo Erxleben <f.erxleben@hzdr.de>
Date: Tue, 21 Jul 2020 10:44:23 +0200
Subject: [PATCH] Adapt forgotten transition to the new way transitions work
---
_includes/title_image.html | 2 +-
_sass/common/_title.scss | 20 ++++++--------------
2 files changed, 7 insertions(+), 15 deletions(-)
diff --git a/_includes/title_image.html b/_includes/title_image.html
index df5fce76e..59108f343 100644
--- a/_includes/title_image.html
+++ b/_includes/title_image.html
@@ -40,6 +40,6 @@
{% endif %}
</div>
- {% include transition.html %}
+ {% include transition.html direction="right" %}
</div>
diff --git a/_sass/common/_title.scss b/_sass/common/_title.scss
index df6d9d547..c7ad03089 100644
--- a/_sass/common/_title.scss
+++ b/_sass/common/_title.scss
@@ -7,8 +7,11 @@
div#title {
+
position: relative;
min-height: 2rem;
+
+ color: $color-content-light-gray;
background-color: $color-helmholtz-blue;
.location-info {
@@ -104,21 +107,10 @@ div#title {
}
}
- /*
- The transition element from the title image into the main body.
- NOTE Mirrored along the top line so it reaches into the title image and
- overlaps it instead of being placed below and going into the following
- main content.
- */
.transition {
-// @include rotate-180-offset-top;
- @include rotate-180;
- color: $color-content-light-gray;
- position: absolute;
- right: -1px; /* (1) */
- bottom: -1px; /* (1) */
-
- /* (1) Drag in the transition to avoid 1px wide border artifacts. */
+ /* Do not apply the mix-blend mode of the parent */
+ isolation: isolate;
}
}
+
--
GitLab