Team Filters module
parent
8785a3ff8a
commit
6f9ffdd327
|
@ -0,0 +1,40 @@
|
|||
section.team-filters
|
||||
div.team-filters-inner
|
||||
header
|
||||
h1 filters
|
||||
|
||||
form.search-in
|
||||
fieldset
|
||||
input(type="text", placeholder="Search by username or role...")
|
||||
a.icon.icon-search(href="", title="search")
|
||||
|
||||
nav
|
||||
ul
|
||||
li
|
||||
a(href="", title="")
|
||||
span.title Team
|
||||
span.icon.icon-arrow-right
|
||||
li
|
||||
a(href="", title="")
|
||||
span.title UX
|
||||
span.icon.icon-arrow-right
|
||||
li
|
||||
a(href="", title="")
|
||||
span.title Design
|
||||
span.icon.icon-arrow-right
|
||||
li
|
||||
a(href="", title="")
|
||||
span.title Front
|
||||
span.icon.icon-arrow-right
|
||||
li
|
||||
a(href="", title="")
|
||||
span.title Back
|
||||
span.icon.icon-arrow-right
|
||||
li
|
||||
a(href="", title="")
|
||||
span.title Product Owner
|
||||
span.icon.icon-arrow-right
|
||||
li
|
||||
a(href="", title="")
|
||||
span.title StakeHolders
|
||||
span.icon.icon-arrow-right
|
|
@ -5,4 +5,6 @@ block head
|
|||
|
||||
block content
|
||||
div.wrapper(ng-controller="TeamController as ctrl", ng-init="section='team'")
|
||||
div Team
|
||||
sidebar.menu-secondary
|
||||
include ../modules/team/team-filters
|
||||
section.main.backlog
|
||||
|
|
|
@ -1,9 +1,9 @@
|
|||
// Bourbon
|
||||
$prefix-for-webkit: true;
|
||||
$prefix-for-mozilla: true;
|
||||
$prefix-for-microsoft: true;
|
||||
$prefix-for-opera: true;
|
||||
$prefix-for-spec: true;
|
||||
//$prefix-for-microsoft: true;
|
||||
//$prefix-for-opera: true;
|
||||
//$prefix-for-spec: true;
|
||||
@import '../bourbon/bourbon';
|
||||
|
||||
//#################################################
|
||||
|
|
|
@ -0,0 +1,36 @@
|
|||
.team-filters {
|
||||
.search-in {
|
||||
margin-bottom: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
nav {
|
||||
li {
|
||||
@extend %larger;
|
||||
@extend %title;
|
||||
border-bottom: 1px solid $gray-light;
|
||||
text-transform: uppercase;
|
||||
&:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
padding: 1rem 0 1rem 1rem;
|
||||
&:hover {
|
||||
.icon {
|
||||
@include transition (opacity .3s linear);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
.active {
|
||||
@include transition (opacity .3s linear);
|
||||
opacity: 1;
|
||||
}
|
||||
.icon {
|
||||
color: $blackish;
|
||||
float: right;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -129,6 +129,9 @@ exports.files = function () {
|
|||
'modules/user-settings/user-change-password',
|
||||
'modules/user-settings/mail-notifications-table',
|
||||
|
||||
//Team
|
||||
'modules/team/team-filters',
|
||||
|
||||
//#################################################
|
||||
// Help
|
||||
//#################################################
|
||||
|
|
Loading…
Reference in New Issue