diff --git a/app/modules/profile/profile-favs/items/project.jade b/app/modules/profile/profile-favs/items/project.jade index 99f58d66..7e4521be 100644 --- a/app/modules/profile/profile-favs/items/project.jade +++ b/app/modules/profile/profile-favs/items/project.jade @@ -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") diff --git a/app/modules/projects/listing/projects-listing.jade b/app/modules/projects/listing/projects-listing.jade index 65414a43..be8ad939 100644 --- a/app/modules/projects/listing/projects-listing.jade +++ b/app/modules/projects/listing/projects-listing.jade @@ -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") diff --git a/app/modules/projects/project/project.jade b/app/modules/projects/project/project.jade index 89a52c87..44c479ee 100644 --- a/app/modules/projects/project/project.jade +++ b/app/modules/projects/project/project.jade @@ -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") diff --git a/app/styles/components/list-items.scss b/app/styles/components/list-items.scss index 547c4294..12ebdb93 100644 --- a/app/styles/components/list-items.scss +++ b/app/styles/components/list-items.scss @@ -45,7 +45,7 @@ @extend %large; } .icon-blocked-project { - @include svg-size(); + @include svg-size(.75rem); } .list-itemtype-project-data-wrapper { display: flex; diff --git a/app/styles/components/private.scss b/app/styles/components/private.scss index 9758e999..8a40e013 100644 --- a/app/styles/components/private.scss +++ b/app/styles/components/private.scss @@ -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; - } } diff --git a/app/styles/dependencies/mixins/project-card.scss b/app/styles/dependencies/mixins/project-card.scss index 1c6e6365..efd82701 100644 --- a/app/styles/dependencies/mixins/project-card.scss +++ b/app/styles/dependencies/mixins/project-card.scss @@ -25,7 +25,7 @@ display: flex; margin-top: auto; svg { - @include svg-size(.8rem); + @include svg-size(.75rem); fill: currentColor; margin-right: .25rem; } diff --git a/app/styles/modules/home-project.scss b/app/styles/modules/home-project.scss index 70c5d1eb..3f06f949 100644 --- a/app/styles/modules/home-project.scss +++ b/app/styles/modules/home-project.scss @@ -30,6 +30,9 @@ margin-bottom: 0; vertical-align: middle; } + .private { + @include svg-size(1.1rem); + } .like-watch-container { margin-left: auto; }