From 96bd0a55b2fd79f123a6d9fb85a7ffa1c389277f Mon Sep 17 00:00:00 2001 From: Chris Hill-Scott Date: Fri, 21 Jun 2019 14:12:19 +0100 Subject: [PATCH] Move the breadcrumb inside the link Putting the background image on the preceding breadcrumb item will allow us to replace it with a pseudo element in a subsequent commit. --- .../stylesheets/components/navigation.scss | 17 ++++++----------- app/templates/org_template.html | 7 +++---- .../views/organisations/add-organisation.html | 4 +--- app/templates/withnav_template.html | 3 +-- tests/app/main/views/test_dashboard.py | 15 ++++++++++----- 5 files changed, 21 insertions(+), 25 deletions(-) diff --git a/app/assets/stylesheets/components/navigation.scss b/app/assets/stylesheets/components/navigation.scss index 108e3d5f1..294f1fa90 100644 --- a/app/assets/stylesheets/components/navigation.scss +++ b/app/assets/stylesheets/components/navigation.scss @@ -4,7 +4,6 @@ &-service { - padding: 11px 0 9px 0; border-bottom: 1px solid $border-colour; margin: 0 0 10px; position: relative; @@ -41,16 +40,6 @@ } - &-breadcrumb { - display: inline-block; - width: 6px; - height: 11px; - margin: 0 5px; - background-image: file-url("separator-2x.png"); - background-size: 6px 11px; - background-repeat: no-repeat; - } - &-organisation-link { @include core-19; display: inline-block; @@ -60,6 +49,12 @@ text-overflow: ellipsis; font-weight: normal; text-decoration: none; + background-image: file-url("separator-2x.png"); + background-size: 6px 11px; + background-repeat: no-repeat; + background-position: right 10px top 5px; + padding-right: 25px; + box-sizing: border-box; } li { diff --git a/app/templates/org_template.html b/app/templates/org_template.html index 4056094c4..3d2eb417f 100644 --- a/app/templates/org_template.html +++ b/app/templates/org_template.html @@ -7,11 +7,10 @@ {% block fullwidth_content %}