From 488b642e9bd92fe0475b92db26093e8098751828 Mon Sep 17 00:00:00 2001
From: Samuel Georges <sam@daftspunk.com>
Date: Tue, 30 May 2017 21:42:44 +1000
Subject: [PATCH] Fixes secondary crumb styles

---
 modules/system/assets/ui/less/breadcrumb.less | 11 ++++++++++-
 modules/system/assets/ui/storm.css            |  4 +++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/modules/system/assets/ui/less/breadcrumb.less b/modules/system/assets/ui/less/breadcrumb.less
index 8f2920ef2..e6abbab0d 100644
--- a/modules/system/assets/ui/less/breadcrumb.less
+++ b/modules/system/assets/ui/less/breadcrumb.less
@@ -42,14 +42,23 @@
             &:hover { color: @color-breadcrumb-text; }
         }
 
-        &:after {
+        &:before, &:after {
             top: 0;
             right: -14px;
             position: absolute;
             z-index: @zindex-breadcrumb;
+        }
+
+        &:after {
             .triangle(right, 15px, 45px, @color-breadcrumb-inactive-background);
         }
 
+        &:before {
+            right: -15px;
+            z-index: @zindex-breadcrumb - 1;
+            .triangle(right, 15px, 45px, @color-breadcrumb-background);
+        }
+
         &:first-child {
             padding-left: 20px;
         }
diff --git a/modules/system/assets/ui/storm.css b/modules/system/assets/ui/storm.css
index 0f1361c0a..b3c339d3e 100644
--- a/modules/system/assets/ui/storm.css
+++ b/modules/system/assets/ui/storm.css
@@ -1441,7 +1441,9 @@ body.popover-open .control-popover .popover-head:before{display:none}
 .control-breadcrumb li{font-size:14px;list-style:none;margin:0;padding:12px 10px 12px 30px;display:inline-block;position:relative;color:#ffffff;background-color:#9098a2}
 .control-breadcrumb li a{display:inline-block;color:#ffffff;text-decoration:none}
 .control-breadcrumb li a:hover{color:#ffffff}
-.control-breadcrumb li:after{top:0;right:-14px;position:absolute;z-index:10;content:'';display:block;width:0;height:0;border-top:22.5px solid transparent;border-bottom:22.5px solid transparent;border-left:15px solid #9098a2}
+.control-breadcrumb li:before,.control-breadcrumb li:after{top:0;right:-14px;position:absolute;z-index:10}
+.control-breadcrumb li:after{content:'';display:block;width:0;height:0;border-top:22.5px solid transparent;border-bottom:22.5px solid transparent;border-left:15px solid #9098a2}
+.control-breadcrumb li:before{right:-15px;z-index:9;content:'';display:block;width:0;height:0;border-top:22.5px solid transparent;border-bottom:22.5px solid transparent;border-left:15px solid #d0d9dd}
 .control-breadcrumb li:first-child{padding-left:20px}
 .control-breadcrumb li:last-child:after{content:''}
 .control-breadcrumb li:last-child{background-color:transparent;color:#2a3e51}