From 58a41b4d9ff0847026564474f8cd88904057e680 Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Wed, 28 Feb 2018 16:38:51 +0000
Subject: [PATCH] adding tabs to pop up activity feed
---
.../funds/includes/activity-feed.html | 20 ++++++++++++++++++-
.../src/sass/apply/components/_wrapper.scss | 4 ++++
2 files changed, 23 insertions(+), 1 deletion(-)
diff --git a/opentech/apply/funds/templates/funds/includes/activity-feed.html b/opentech/apply/funds/templates/funds/includes/activity-feed.html
index 2be5d20af..c9242e1ed 100644
--- a/opentech/apply/funds/templates/funds/includes/activity-feed.html
+++ b/opentech/apply/funds/templates/funds/includes/activity-feed.html
@@ -3,9 +3,27 @@
<div class="wrapper wrapper--medium wrapper--relative">
<h4 class="activity-feed__heading">Activity Feed <svg class="icon icon--speech-bubble"><use xlink:href="#speech-bubble"></use></svg></h4>
<a href="#" class="js-close-feed link link--close-feed">Close</a>
+ <div class="tabs js-tabs">
+ <div class="tabs__container">
+ <a class="tab__item tab__item--active" href="#" data-tab="tab-1">Communications</a>
+ <a class="tab__item" href="#" data-tab="tab-2">Activity</a>
+ <a class="tab__item" href="#" data-tab="tab-3">All</a>
+ </div>
+ </div>
</div>
</div>
- <div class="wrapper wrapper--medium">
+ <div class="wrapper wrapper--medium wrapper--activity-feed">
+ <div class="tabs__content tabs__content--current" id="tab-1">
+ Communications content
+ </div>
+
+ <div class="tabs__content" id="tab-2">
+ Activity content
+ </div>
+
+ <div class="tabs__content" id="tab-3">
+ All content
+ </div>
</div>
</div>
diff --git a/opentech/static_src/src/sass/apply/components/_wrapper.scss b/opentech/static_src/src/sass/apply/components/_wrapper.scss
index 45745c2b9..6b4e8791f 100644
--- a/opentech/static_src/src/sass/apply/components/_wrapper.scss
+++ b/opentech/static_src/src/sass/apply/components/_wrapper.scss
@@ -236,4 +236,8 @@
&--relative {
position: relative;
}
+
+ &--activity-feed {
+ margin-top: 50px;
+ }
}
--
GitLab