From 854b3055b5b46b7f3899a58a2c5f5e63709078b1 Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Wed, 21 Feb 2018 11:23:43 +0000
Subject: [PATCH] adding mobile status bar
---
.../funds/templates/funds/includes/status_bar.html | 7 +++++++
.../src/sass/apply/components/_status-bar.scss | 13 +++++++++++++
2 files changed, 20 insertions(+)
diff --git a/opentech/apply/funds/templates/funds/includes/status_bar.html b/opentech/apply/funds/templates/funds/includes/status_bar.html
index 0aeda5e56..d99ed4c68 100644
--- a/opentech/apply/funds/templates/funds/includes/status_bar.html
+++ b/opentech/apply/funds/templates/funds/includes/status_bar.html
@@ -8,3 +8,10 @@
</div>
{% endfor %}
</div>
+<div class="status-bar--mobile">
+ {% for phase in workflow %}
+ {% if phase == status %}
+ <h6 class="status-bar__subheading">{{ phase.name }}</h6>
+ {% endif %}
+ {% endfor %}
+</div>
diff --git a/opentech/static_src/src/sass/apply/components/_status-bar.scss b/opentech/static_src/src/sass/apply/components/_status-bar.scss
index da5771f5b..532c15698 100644
--- a/opentech/static_src/src/sass/apply/components/_status-bar.scss
+++ b/opentech/static_src/src/sass/apply/components/_status-bar.scss
@@ -7,6 +7,19 @@
display: flex;
}
+ &--mobile {
+ @include media-query(tablet-portrait) {
+ display: none;
+ }
+ }
+
+ &__subheading {
+ display: inline-block;
+ padding: 5px 10px;
+ margin: 10px 0 0;
+ background: $color--tomato;
+ }
+
&__icon {
position: absolute;
top: -10px;
--
GitLab