Merge pull request #911 from taigaio/issue/181/blocked-icon

Blocked project icon sits over other icons
stable
Juanfran 2016-03-18 12:08:38 +01:00
commit d09927c9a3
7 changed files with 16 additions and 27 deletions

View File

@ -18,12 +18,9 @@
tg-nav="project:project=vm.item.get('slug')"
title="{{ ::vm.item.get('name') }}"
) {{ ::vm.item.get('name') }}
span.private(
ng-if="::vm.item.get('project_is_private')"
title="{{'PROJECT.PRIVATE' | translate}}"
)
svg.icon.icon-lock
use(xlink:href="#icon-lock")
svg.icon.icon-lock.private(ng-if="::vm.item.get('project_is_private')")
use(xlink:href="#icon-lock")
title {{'PROJECT.PRIVATE' | translate}}"
svg.icon.icon-blocked-project(ng-if="vm.item.get('project_blocked_code')")
use(xlink:href="#icon-blocked-project")
title(translate="PROJECT.BLOCKED_PROJECT.BLOCKED")

View File

@ -44,12 +44,9 @@
tg-nav="project:project=project.get('slug')"
title="{{ ::project.get('name') }}"
) {{project.get('name')}}
span.private(
ng-if="project.get('is_private')"
title="{{'PROJECT.PRIVATE' | translate}}"
)
svg.icon.icon-lock
use(xlink:href="#icon-lock")
svg.icon.icon-lock.private(ng-if="project.get('is_private')")
use(xlink:href="#icon-lock")
title {{'PROJECT.PRIVATE' | translate}}"
svg.icon.icon-badge(ng-if="project.get('i_am_owner')")
use(xlink:href="#icon-badge")

View File

@ -16,12 +16,10 @@ div.wrapper
.intro-title
h1
span.project-name {{::vm.project.get("name")}}
span.private(
ng-if="::vm.project.get('is_private')"
title="{{'PROJECT.PRIVATE' | translate}}"
)
svg.icon.icon-lock
use(xlink:href="#icon-lock")
svg.icon.icon-lock.private(ng-if="::vm.project.get('is_private')")
use(xlink:href="#icon-lock")
title {{'PROJECT.PRIVATE' | translate}}"
div.track-buttons-container(ng-if="vm.user")
tg-like-project-button(project="vm.project")

View File

@ -45,7 +45,7 @@
@extend %large;
}
.icon-blocked-project {
@include svg-size();
@include svg-size(.75rem);
}
.list-itemtype-project-data-wrapper {
display: flex;

View File

@ -1,10 +1,4 @@
.private {
display: inline-block;
fill: $gray-light;
margin-left: .5rem;
width: .5rem;
svg {
@include svg-size(.5rem);
fill: $gray-light;
transition: fill .3s linear;
}
}

View File

@ -25,7 +25,7 @@
display: flex;
margin-top: auto;
svg {
@include svg-size(.8rem);
@include svg-size(.75rem);
fill: currentColor;
margin-right: .25rem;
}

View File

@ -30,6 +30,9 @@
margin-bottom: 0;
vertical-align: middle;
}
.private {
@include svg-size(1.1rem);
}
.like-watch-container {
margin-left: auto;
}