Improve styling

This commit is contained in:
James Allen 2014-06-19 13:30:45 +01:00
parent 1bcc0a4554
commit 63f958af07
2 changed files with 28 additions and 23 deletions

View file

@ -17,7 +17,7 @@ block content
.content.content-alt(ng-controller="ProjectPageController")
.container
.row
.col-md-3
.col-md-2
#newProject.dropdown
a.btn.btn-primary.dropdown-toggle(
href="#",
@ -60,13 +60,13 @@ block content
ng-controller="TagListController"
)
li(ng-class="{active: (filter == 'all')}")
a.menu-indent(href, ng-click="filterProjects('all')") All projects
a(href, ng-click="filterProjects('all')") All projects
li(ng-class="{active: (filter == 'owned')}")
a.menu-indent(href, ng-click="filterProjects('owned')") Your projects
a(href, ng-click="filterProjects('owned')") Your projects
li(ng-class="{active: (filter == 'shared')}")
a.menu-indent(href, ng-click="filterProjects('shared')") Shared projects
a(href, ng-click="filterProjects('shared')") Shared projects
li(ng-class="{active: (filter == 'archived')}")
a.menu-indent(href, ng-click="filterProjects('archived')") Deleted projects
a(href, ng-click="filterProjects('archived')") Deleted projects
li
h2 Folders
li(
@ -75,7 +75,7 @@ block content
ng-class="{active: tag.selected}",
ng-cloak
)
a.menu-indent(href="#", ng-click="selectTag()")
a(href="#", ng-click="selectTag()")
i.icon.fa(
ng-class="{\
'fa-folder-open-o': tag.selected,\
@ -83,7 +83,7 @@ block content
}"
)
| {{tag.name}}
span.small ({{tag.project_ids.length}})
span.subdued ({{tag.project_ids.length}})
-if (settings.enableSubscriptions)
.row-spaced
@ -148,7 +148,7 @@ block content
datalist#_roles
option(ng-repeat='role in roles') {{role}}
.col-md-9
.col-md-10
.container-fluid
.row
.col-md-12

View file

@ -15,31 +15,36 @@
ul.folders-menu {
margin: 0;
.subdued {
color: @gray-light;
}
li {
line-height: 1;
padding: (@line-height-computed / 4) 0;
line-height: 1.8;
a {
font-size: 0.8rem;
font-size: 0.9rem;
color: #333;
padding-left: (@line-height-computed / 4);
}
.small {
font-size: 0.8rem;
color: @gray-light;
padding: (@line-height-computed / 4);
}
}
li.active {
border-right: 4px solid @red;
//border-right: 4px solid @red;
a {
font-weight: 700;
color: @link-color;
color: white;
background-color: @link-color;
border-radius: @border-radius-small;
.subdued {
color: white;
}
}
}
h2 {
margin-top: @line-height-computed / 4;
margin-bottom: 0;
font-size: @font-size-base;
}
h2 {
margin-top: @line-height-computed / 2;
margin-bottom: @line-height-computed / 4;
font-size: @font-size-base;
font-weight: 500;
font-family: @font-family-sans-serif;
}
}
form.project-search {