Watchers component deletew and add

stable
Xavier Julián 2014-07-01 14:46:01 +02:00
parent 069073da99
commit 3b6440a73d
3 changed files with 61 additions and 1 deletions

View File

@ -8,4 +8,6 @@ section.watchers
div.watcher-avatar
a.avatar(href="", title="Assigned to")
img(src="http://thecodeplayer.com/u/uifaces/32.jpg", alt="username")
a.watcher-name(href="", title="Jesús Espino") Jesús
div.watcher-name
a(href="", title="Jesús Espino") Jesús
a.icon.icon-delete(href="", title="delete-watcher")

View File

@ -0,0 +1,57 @@
.watchers {
margin-top: 2rem;
.watchers-header {
border-bottom: 2px solid $gray-light;
padding: .5rem;
position: relative;
.title {
@extend %large;
@extend %title;
text-transform: uppercase;
}
.icon {
@extend %large;
position: absolute;
right: 1rem;
top: 4px;
}
}
.watcher-single {
@include table-flex(center, center, flex, row, wrap, center);
@include transition(background .3s linear);
background: transparent;
border-bottom: 1px solid $gray-light;
padding: .5rem;
vertical-align: middle;
&:last-child {
border: 0;
}
&:hover {
.icon-delete {
@include transition(opacity .2s ease-in);
opacity: 1;
}
}
}
.watcher-name {
@include table-flex-child(8, 0);
@extend %medium;
color: $grayer;
margin-left: 1rem;
position: relative;
}
.watcher-avatar {
@include table-flex-child(1, 0);
}
.icon-delete {
@include transition(all .2s ease-in);
opacity: 0;
position: absolute;
right: .5rem;
top: 0;
&:hover {
@include transition(color .3s ease-in);
color: $red;
}
}
}

View File

@ -27,6 +27,7 @@ $prefix-for-spec: true;
@import 'components/notification-message';
@import 'components/basic-table';
@import 'components/paginator';
@import 'components/watchers';
//Modules
@import 'modules/nav';