From c9686579a8d04eda69ba7e9344f4789cabec53e1 Mon Sep 17 00:00:00 2001
From: Todd Dembrey <todd.dembrey@torchbox.com>
Date: Wed, 22 Aug 2018 15:34:57 +0100
Subject: [PATCH] Add the button to the dashboard and improve styling
---
.../dashboard/templates/dashboard/dashboard.html | 3 ++-
opentech/apply/users/templates/users/account.html | 6 +++++-
.../src/sass/apply/components/_button.scss | 12 ++++++++++++
3 files changed, 19 insertions(+), 2 deletions(-)
diff --git a/opentech/apply/dashboard/templates/dashboard/dashboard.html b/opentech/apply/dashboard/templates/dashboard/dashboard.html
index 73fead516..a1e56450f 100644
--- a/opentech/apply/dashboard/templates/dashboard/dashboard.html
+++ b/opentech/apply/dashboard/templates/dashboard/dashboard.html
@@ -9,8 +9,9 @@
{% block page_header %}
<h1 class="gamma heading heading--no-margin heading--bold">Dashboard</h1>
{% endblock %}
- <a href="{% url 'wagtailadmin_home' %}" class="button button--primary {{ class }}}">
+ <a href="{% url 'wagtailadmin_home' %}" class="button button--primary button--arrow-pixels-white">
Apply admin
+ <svg><use xlink:href="#arrow-head-pixels--solid"></use></svg>
</a>
</div>
</div>
diff --git a/opentech/apply/users/templates/users/account.html b/opentech/apply/users/templates/users/account.html
index 6c854cbe1..6156b72af 100644
--- a/opentech/apply/users/templates/users/account.html
+++ b/opentech/apply/users/templates/users/account.html
@@ -5,8 +5,12 @@
{% block content %}
<div class="admin-bar">
- <div class="admin-bar__inner wrapper--search">
+ <div class="admin-bar__inner admin-bar__inner--with-button">
<h3 class="admin-bar__heading">Welcome {{ user }}</h3>
+ <a href="{% url 'dashboard:dashboard' %}" class="button button--primary button--arrow-pixels-white">
+ Go to dashboard
+ <svg><use xlink:href="#arrow-head-pixels--solid"></use></svg>
+ </a>
</div>
</div>
diff --git a/opentech/static_src/src/sass/apply/components/_button.scss b/opentech/static_src/src/sass/apply/components/_button.scss
index 2af3e6fb2..dee9b0ebc 100644
--- a/opentech/static_src/src/sass/apply/components/_button.scss
+++ b/opentech/static_src/src/sass/apply/components/_button.scss
@@ -196,4 +196,16 @@
border: 1px solid $color--light-blue;
}
}
+
+ &--arrow-pixels-white {
+ display: flex;
+ align-items: center;
+
+ svg {
+ width: 10px;
+ height: 14px;
+ margin-left: 10px;
+ fill: $color--white;
+ }
+ }
}
--
GitLab