taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

CSS refactor in empty states

stable
Xavier Julián 2014-08-13 09:59:32 +02:00
parent 18ba817a97
commit b7f098293e
4 changed files with 25 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/partials/backlog.jade
View File

@ -29,8 +29,8 @@ block content
section.backlog-table(ng-class="{'hidden': !visibleUserstories.length}") section.backlog-table(ng-class="{'hidden': !visibleUserstories.length}")
include views/modules/backlog-table include views/modules/backlog-table
div.empty.empty-backlog(ng-class="{'hidden': visibleUserstories.length}") div.empty.empty-backlog(ng-class="{'hidden': visibleUserstories.length}")
span.icon.icon-idea span.icon.icon-backlog
span Your backlog is empty. span.title Your backlog is empty!
a(href="", title+"Create a new US", ng-click="ctrl.addNewUs('standard')", tg-check-permission="tg-check-permission", permission="add_us") Create a new User Story a(href="", title+"Create a new US", ng-click="ctrl.addNewUs('standard')", tg-check-permission="tg-check-permission", permission="add_us") Create a new User Story
sidebar.menu-secondary.sidebar sidebar.menu-secondary.sidebar
include views/modules/sprints include views/modules/sprints

23
app/styles/dependencies/elements.scss
View File

@ -84,3 +84,26 @@ ol { list-style: decimal; }
} }
} }
} }
//Empty
.empty {
border: 1px dashed $gray-light;
color: $gray-light;
min-height: 10rem;
padding: 5% 0;
text-align: center;
.icon {
@extend %xxlarge;
margin-bottom: 2rem;
}
span {
display: block;
&.title {
@extend %xlarge;
@extend %title;
margin-bottom: 1rem;
text-transform: uppercase;
}
}
}

14
app/styles/layout/backlog.scss
View File

@ -3,20 +3,6 @@
float: right; float: right;
} }
} }
.empty-backlog {
border: 1px dashed $gray-light;
color: $gray-light;
min-height: 10rem;
padding: 5% 0;
text-align: center;
.icon {
@extend %xxlarge;
margin-bottom: 2rem;
}
span {
display: block;
}
}
.backlog-menu { .backlog-menu {
@include clearfix; @include clearfix;

21
app/styles/modules/issues/issues-table.scss
View File

@ -1,24 +1,3 @@
.empty-issues {
border: 1px dashed $gray-light;
color: $gray-light;
min-height: 10rem;
padding: 5% 0;
text-align: center;
.icon {
@extend %xxlarge;
margin-bottom: 2rem;
}
span {
display: block;
&.title {
@extend %xlarge;
@extend %title;
margin-bottom: 1rem;
text-transform: uppercase;
}
}
}
.issues-table { .issues-table {
@include table-flex(); @include table-flex();
margin-bottom: 2rem; margin-bottom: 2rem;