diff --git a/opentech/apply/funds/templates/funds/includes/activity-feed.html b/opentech/apply/funds/templates/funds/includes/activity-feed.html index 2be5d20af078e316af28e9753ea6fc7849694770..c9242e1edfc03a01e9a97c72977d6d6f0cb72592 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 45745c2b9fa054bbef04bc37d82644b4c969c8c5..6b4e8791f317eaa076d565ddeb48e95de7f25caa 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; + } }