Merge pull request #911 from taigaio/issue/181/blocked-icon
Blocked project icon sits over other iconsstable
commit
d09927c9a3
|
@ -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")
|
||||
|
|
|
@ -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")
|
||||
|
|
|
@ -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")
|
||||
|
|
|
@ -45,7 +45,7 @@
|
|||
@extend %large;
|
||||
}
|
||||
.icon-blocked-project {
|
||||
@include svg-size();
|
||||
@include svg-size(.75rem);
|
||||
}
|
||||
.list-itemtype-project-data-wrapper {
|
||||
display: flex;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -25,7 +25,7 @@
|
|||
display: flex;
|
||||
margin-top: auto;
|
||||
svg {
|
||||
@include svg-size(.8rem);
|
||||
@include svg-size(.75rem);
|
||||
fill: currentColor;
|
||||
margin-right: .25rem;
|
||||
}
|
||||
|
|
|
@ -30,6 +30,9 @@
|
|||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.private {
|
||||
@include svg-size(1.1rem);
|
||||
}
|
||||
.like-watch-container {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue