From 2642463e93a61744aceaf246ac3781e4d73f5501 Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Thu, 24 Jan 2019 12:56:35 +0000
Subject: [PATCH] style back to submissions link in header
---
.../templates/funds/submissions_by_round.html | 5 ++++-
.../src/sass/apply/components/_admin-bar.scss | 21 +++++++++++++++++++
opentech/templates/includes/sprites.html | 5 +++++
3 files changed, 30 insertions(+), 1 deletion(-)
diff --git a/opentech/apply/funds/templates/funds/submissions_by_round.html b/opentech/apply/funds/templates/funds/submissions_by_round.html
index 8661c28f9..030c75e81 100644
--- a/opentech/apply/funds/templates/funds/submissions_by_round.html
+++ b/opentech/apply/funds/templates/funds/submissions_by_round.html
@@ -7,7 +7,10 @@
<div class="admin-bar">
<div class="admin-bar__inner admin-bar__inner--with-button">
<div>
- <h5><a href="{% url "apply:submissions:overview" %}">< Submissions</a></h5>
+ <a href="{% url "apply:submissions:overview" %}" class="admin-bar__link">
+ <svg><use xlink:href="#arrow"></use></svg>
+ Submissions
+ </a>
<h1 class="gamma heading heading--no-margin heading--bold">{{ object }}</h1>
<h5>{% if object.fund %}{{ object.fund }} | {% endif %}Lead: {{ object.lead }}</h5>
</div>
diff --git a/opentech/static_src/src/sass/apply/components/_admin-bar.scss b/opentech/static_src/src/sass/apply/components/_admin-bar.scss
index 9cc8a34af..69a4492b3 100644
--- a/opentech/static_src/src/sass/apply/components/_admin-bar.scss
+++ b/opentech/static_src/src/sass/apply/components/_admin-bar.scss
@@ -28,4 +28,25 @@
margin-bottom: 0;
}
}
+
+ &__link {
+ display: inline-flex;
+ align-items: center;
+ color: $color--white;
+ opacity: .8;
+ transition: opacity $quick-transition;
+ font-size: 14px;
+ font-weight: $weight--semibold;
+
+ &:hover {
+ opacity: 1;
+ }
+
+ svg {
+ width: 30px;
+ height: 30px;
+ fill: $color--white;
+ margin-right: 5px;
+ }
+ }
}
diff --git a/opentech/templates/includes/sprites.html b/opentech/templates/includes/sprites.html
index b952c2e95..47242061f 100644
--- a/opentech/templates/includes/sprites.html
+++ b/opentech/templates/includes/sprites.html
@@ -296,4 +296,9 @@
<symbol id="padlock" viewBox="0 0 64 64">
<g id="Icon-Lock" transform="translate(284 430)"><path class="st0" d="M-237.7-401.3h-3v-6.4c0-6.2-5.1-11.3-11.3-11.3-6.2 0-11.3 5.1-11.3 11.3v6.4h-3v-6.4c0-7.9 6.4-14.3 14.3-14.3s14.3 6.4 14.3 14.3v6.4" id="Fill-66"/><path class="st0" d="M-239.2-374.1h-25.6c-2.6 0-4.8-2.2-4.8-4.8v-19.2c0-2.6 2.2-4.8 4.8-4.8h25.6c2.6 0 4.8 2.2 4.8 4.8v19.2c0 2.7-2.2 4.8-4.8 4.8zm-25.6-25.6c-.9 0-1.6.7-1.6 1.6v19.2c0 .9.7 1.6 1.6 1.6h25.6c.9 0 1.6-.7 1.6-1.6v-19.2c0-.9-.7-1.6-1.6-1.6h-25.6z" id="Fill-67"/><path class="st0" d="M-248.8-393.3c0 1.8-1.4 3.2-3.2 3.2s-3.2-1.4-3.2-3.2 1.4-3.2 3.2-3.2 3.2 1.5 3.2 3.2" id="Fill-68"/><path class="st0" id="Fill-69" d="M-251.2-393.3h-1.6l-1.6 9.6h4.8l-1.6-9.6"/></g>
</symbol>
+
+ <symbol id="arrow" viewBox="0 0 24 24">
+ <path d="M0 0h24v24H0z" fill="none" />
+ <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" />
+ </symbol>
</svg>
--
GitLab