From 0377e69af625a7514cc200d17acfc9039932fdbb Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Tue, 9 Jan 2018 17:15:16 +0000
Subject: [PATCH] adding fixed apply button
---
.../static_src/src/sass/components/_link.scss | 19 +++++++++++++++++++
opentech/templates/base.html | 1 +
2 files changed, 20 insertions(+)
diff --git a/opentech/static_src/src/sass/components/_link.scss b/opentech/static_src/src/sass/components/_link.scss
index 5034a9524..122cf34a4 100644
--- a/opentech/static_src/src/sass/components/_link.scss
+++ b/opentech/static_src/src/sass/components/_link.scss
@@ -38,4 +38,23 @@
display: none;
}
}
+
+ &--fixed-apply {
+ @include button($color--purple);
+ position: fixed;
+ bottom: 0;
+ z-index: 100;
+ display: none;
+ color: $color--white;
+ border: 0;
+
+ @include media-query(tablet-portrait) {
+ right: 5%;
+ display: block;
+ }
+
+ @include media-query(tablet-landscape) {
+ right: 10%;
+ }
+ }
}
diff --git a/opentech/templates/base.html b/opentech/templates/base.html
index 7e0b0e363..7b16d2cf9 100644
--- a/opentech/templates/base.html
+++ b/opentech/templates/base.html
@@ -75,6 +75,7 @@
<header class="header header--standard">
{% endif %}
+ <a href="#" class="link link--fixed-apply">Apply</a>
<div class="header__inner wrapper wrapper--large">
<a href="{% slugurl 'home' %}">
<svg class="header__logo header__logo--desktop"><use xlink:href="#logo-desktop"></use></svg>
--
GitLab