Repair new icons

stable
Daniel García 2018-11-22 11:44:04 +01:00 committed by Alex Hermida
parent 32bd886ae8
commit 22e5a8e247
23 changed files with 513 additions and 130 deletions

View File

@ -114,5 +114,5 @@ nav.menu(
aria-label="{{'PROJECT.SECTION.ADMIN' | translate}}"
tabindex="8"
)
tg-svg(svg-icon="icon-admin")
tg-svg(svg-icon="icon-settings")
span.helper(translate="PROJECT.SECTION.ADMIN")

View File

@ -1,12 +1,12 @@
div.tip(ng-class="tipColor")
div.tip(ng-class="tip.color")
p.title(translate="TIPS.TIPS_TITLE")
p(translate="{{ message }}")
p(translate="{{ tip.message }}")
div(ng-switch="contentType", translate-cloak="{{ message }}")
div(ng-switch="tip.contentType", translate-cloak="{{ tip.message }}")
p(ng-switch-when="icon")
tg-svg(svg-icon="{{ icon }}")
span(ng-if="icon == 'icon-upvote'") 5
tg-svg(svg-icon="{{ tip.icon }}")
span(ng-if="tip.icon == 'icon-upvote'") 5
tg-board-zoom(ng-switch-when="range")

View File

@ -30,7 +30,7 @@ tipsDirective = (tgLoader, $translate) ->
{ contentType: "icon", icon: "icon-promote", message: "PROMOTE"}
{ contentType: "icon", icon: "icon-bulk", message: "BULK"}
{ contentType: "range", message: "ZOOM"}
{ message: "CUSTOM_FIELDS"}
{ contentType: "icon", icon: "icon-settings", message: "CUSTOM_FIELDS"}
{ contentType: "arrows", message: "SLIDE_ARROWS"}
]
@ -43,11 +43,12 @@ tipsDirective = (tgLoader, $translate) ->
loadTip = () ->
tip = tips[randomInt(tips.length - 1)]
scope.contentType = tip.contentType
scope.message = "TIPS.TIP_#{tip.message}"
scope.icon = tip.icon
scope.tipColor = "tip-color-#{randomInt(5)}"
scope.tip = {
contentType: tip.contentType
message: "TIPS.TIP_#{tip.message}"
icon: tip.icon
color: "tip-color-#{randomInt(5)}"
}
return {
link: link,

View File

@ -69,7 +69,7 @@ section.home-project-list(ng-if="vm.projects.size")
ng-if="::project.get('is_private')"
title="{{ 'PROJECT.PRIVATE' | translate }}"
)
tg-svg(svg-icon="icon-key")
tg-svg(svg-icon="icon-private")
a.see-more-projects-btn.button-gray(
href="#",
ng-show="vm.projects.size",

View File

@ -49,6 +49,7 @@ nav.navbar(ng-if="vm.isEnabledHeader")
a(
href="#",
tg-nav="discover",
ng-class="{active: vm.active}"
title="{{'PROJECT.NAVIGATION.DISCOVER_TITLE' | translate}}",
)
tg-svg(svg-icon="icon-discover")

View File

@ -211,7 +211,7 @@ $dropdown-width: 350px;
color: $white;
font-size: .7rem;
height: 20px;
left: 50px;
left: 52px;
line-height: 20px;
position: absolute;
text-align: center;

View File

@ -21,7 +21,7 @@
tg-svg(
ng-if="::vm.item.get('is_private')"
svg-icon="icon-key"
svg-icon="icon-private"
svg-title-translate="PROJECT.PRIVATE"
)

View File

@ -26,5 +26,5 @@
required
)
label(for="template-private")
tg-svg(svg-icon="icon-key")
tg-svg(svg-icon="icon-private")
span(translate="PROJECT.CREATE.PRIVATE_PROJECT")

View File

@ -38,7 +38,7 @@
) {{project.get('name')}}
tg-svg(
ng-if="project.get('is_private')",
svg-icon="icon-key",
svg-icon="icon-private",
svg-title-translate="PROJECT.PRIVATE"
)
tg-svg(

View File

@ -13,7 +13,7 @@
margin: 0;
}
}
.icon-key,
.icon-private,
.icon-badge,
.icon-blocked-project {
@include svg-size();

View File

@ -18,7 +18,7 @@ div.wrapper
span.project-name {{::vm.project.get("name")}}
tg-svg(
ng-if="::vm.project.get('is_private')"
svg-icon="icon-key"
svg-icon="icon-private"
svgTitleTranslate: "PROJECT.PRIVATE"
)

View File

@ -9,7 +9,7 @@
h3.transfer-project-title {{::vm.project.get("name")}}
.transfer-project-statistics
span.transfer-project-private(ng-if="vm.project.get('is_private')")
tg-svg(svg-icon="icon-key")
tg-svg(svg-icon="icon-private")
span(translate="ADMIN.PROJECT_TRANSFER.PRIVATE")
span.transfer-project-members
tg-svg(svg-icon="icon-team")

View File

@ -2,9 +2,9 @@ a.button-gray.item-block(
href=""
title="{{ 'COMMON.BLOCK_TITLE' | translate }}"
)
tg-svg(svg-icon="icon-block")
tg-svg(svg-icon="icon-lock")
a.button-red.item-unblock(
href=""
title="{{ 'COMMON.UNBLOCK_TITLE' | translate }}"
)
tg-svg(svg-icon="icon-block")
tg-svg(svg-icon="icon-unlock")

View File

@ -30,4 +30,4 @@ div.ticket-detail-settings
title="{{ 'COMMON.BLOCK_TITLE' | translate }}"
ng-class="{ 'button-red item-unblock': obj.is_blocked, 'item-block': !obj.is_blocked }"
)
tg-svg(svg-icon="icon-key")
tg-svg(svg-icon="icon-block")

View File

@ -30,4 +30,4 @@ div.ticket-detail-settings
title="{{ 'COMMON.BLOCK_TITLE' | translate }}"
ng-class="{ 'button-red item-unblock': obj.is_blocked, 'item-block': !obj.is_blocked }"
)
tg-svg(svg-icon="icon-key")
tg-svg(svg-icon="icon-block")

View File

@ -35,4 +35,4 @@ div.ticket-detail-settings
title="{{ 'COMMON.BLOCK_TITLE' | translate }}"
ng-class="{ 'button-red item-unblock': obj.is_blocked, 'item-block': !obj.is_blocked }"
)
tg-svg(svg-icon="icon-key")
tg-svg(svg-icon="icon-private")

View File

@ -39,7 +39,7 @@
}
.list-itemtype-project-data-wrapper {
display: flex;
.icon-key {
.icon-private {
fill: $gray-light;
height: 22px;
margin-left: .5rem;

View File

@ -25,9 +25,13 @@
display: flex;
margin-top: auto;
svg {
&:not(.icon-key) {
&:not(.icon-private) {
@include svg-size(.75rem);
}
&.icon-private {
@include svg-size(1.2rem);
margin-left: 1em;
}
fill: currentColor;
margin-right: .25rem;
}

View File

@ -24,7 +24,7 @@ tg-project-menu {
text-align: center;
a {
display: block;
padding: 1.1rem .8rem;
padding: 1rem .7rem;
position: relative;
}
li {
@ -66,8 +66,8 @@ tg-project-menu {
}
svg {
fill: $white;
height: 1.5rem;
width: 1.5rem;
height: 1.7rem;
width: 1.7rem;
path {
opacity: 1;
}

View File

@ -246,7 +246,7 @@
max-width: 1.25rem;
width: 100%;
}
.icon-key {
.icon-private {
margin: 0;
}
a {

View File

@ -22,7 +22,7 @@
.intro-title {
align-items: center;
display: flex;
.icon-key {
.icon-private {
fill: $gray-light;
height: 24px;
margin-left: .25rem;

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 69 KiB

After

Width:  |  Height:  |  Size: 79 KiB

View File

@ -22,7 +22,7 @@ $primary: #5b8200;
$primary-dark: #879b89;
$primary-background: #E8F5E3;
$secondary-dark: #627695;
$secondary-dark: #718377;
//Status colors
$red-light: #ff8282;