From eae0079dca8483c335aab9744f69ef560911c804 Mon Sep 17 00:00:00 2001
From: Ljudevit Juras <ljudevit@cjdizajn.hr>
Date: Tue, 17 Nov 2020 12:11:59 +0100
Subject: [PATCH] NGSTACK-479 - Add fixes for breadcrumbs

---
 .../sass/content/full/_full_page_elements.scss    | 15 +++++++--------
 .../Resources/sass/layout/_breadcrumbs.scss       |  8 ++++++--
 .../app/content/full/ng_landing_page.html.twig    |  2 --
 .../views/themes/app/search/search.html.twig      |  2 +-
 .../Resources/views/themes/app/tag/view.html.twig |  4 ++--
 5 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/AppBundle/Resources/sass/content/full/_full_page_elements.scss b/src/AppBundle/Resources/sass/content/full/_full_page_elements.scss
index e847d8310..c34462904 100644
--- a/src/AppBundle/Resources/sass/content/full/_full_page_elements.scss
+++ b/src/AppBundle/Resources/sass/content/full/_full_page_elements.scss
@@ -1,7 +1,10 @@
 .full-page-header {
     background: $primary;
-    padding: 4rem 0;
-    text-align: center;
+    padding: 2rem 0 4rem;
+    margin-bottom: 4rem;
+    &.full-page-header-without-breacrumbs {
+        padding: 4rem 0 4rem;
+    }
     .main-topic, .sponsored-text {
         display: inline-block;
         font-size: .75rem;
@@ -21,6 +24,8 @@
 .full-page-intro {
     color: $black;
     opacity: .54;
+    font-size: 1.3125rem;
+    font-style: italic;
     p {
         margin: 0;
         + p {
@@ -110,12 +115,6 @@
     }
 }
 
-.full-page-intro {
-    font-size: 1.3125rem;
-    font-style: italic;
-    color: $gray-54;
-}
-
 /* full page newsletter box */
 .full-page-newsletter-box {
     background: $primary;
diff --git a/src/AppBundle/Resources/sass/layout/_breadcrumbs.scss b/src/AppBundle/Resources/sass/layout/_breadcrumbs.scss
index 14bed8f96..5c32eeb6d 100644
--- a/src/AppBundle/Resources/sass/layout/_breadcrumbs.scss
+++ b/src/AppBundle/Resources/sass/layout/_breadcrumbs.scss
@@ -2,9 +2,13 @@
     .breadcrumb {
         background-color: transparent;
         margin: 0;
-        padding: 3rem 0;
+        padding: 1.5rem 0;
         font-size: 1.125rem;
         line-height: 1.3125rem;
-        color: $black;
+        .breadcrumb-item {
+            & + .breadcrumb-item::before {
+                color: inherit;
+            }
+        }
     }
 }
diff --git a/src/AppBundle/Resources/views/themes/app/content/full/ng_landing_page.html.twig b/src/AppBundle/Resources/views/themes/app/content/full/ng_landing_page.html.twig
index e6257c392..3889d11df 100644
--- a/src/AppBundle/Resources/views/themes/app/content/full/ng_landing_page.html.twig
+++ b/src/AppBundle/Resources/views/themes/app/content/full/ng_landing_page.html.twig
@@ -3,8 +3,6 @@
 
 {% extends nglayouts.layoutTemplate %}
 
-{% set show_path = false %}
-
 {% block content %}
     <div class="view-type view-type-{{ view_type }} ng-landing-page clearfix">
     </div>
diff --git a/src/AppBundle/Resources/views/themes/app/search/search.html.twig b/src/AppBundle/Resources/views/themes/app/search/search.html.twig
index f340e9c5e..f00ea1230 100644
--- a/src/AppBundle/Resources/views/themes/app/search/search.html.twig
+++ b/src/AppBundle/Resources/views/themes/app/search/search.html.twig
@@ -4,7 +4,7 @@
 
 {% block content %}
     <form action="{{ path('ngsite_content_search') }}" method="get" class="form-search">
-        <header class="full-page-header full-search-header">
+        <header class="full-page-header full-search-header full-page-header-without-breacrumbs">
             <div class="container">
                 <div class="search-inputs">
                     <div class="input-group">
diff --git a/src/AppBundle/Resources/views/themes/app/tag/view.html.twig b/src/AppBundle/Resources/views/themes/app/tag/view.html.twig
index f6e85962e..e8e739502 100644
--- a/src/AppBundle/Resources/views/themes/app/tag/view.html.twig
+++ b/src/AppBundle/Resources/views/themes/app/tag/view.html.twig
@@ -7,13 +7,13 @@
 {% set site_title = tag_keyword %}
 
 {% block content %}
-    <header class="full-page-header">
+    <header class="full-page-header full-page-header-without-breacrumbs">
         <div class="container">
             <h1 class="full-page-title">{{ tag_keyword }}</h1>
         </div>
     </header>
 
-    <div class="full-tag-results">
+    <div class="container">
         {% if related_content|length > 0 %}
             <div class="row">
                 {% for related_content_item in related_content %}