Mastodon
/
Sengi-Windows-MacOS-Linux
mirror of https://github.com/NicolasConstant/sengi
1
0
Fork 0
Code Issues Releases Wiki Activity

added lock icon

This commit is contained in:
Nicolas Constant 2018-10-03 19:03:58 -04:00
parent 71a41ca9ba
commit 589cb8330c
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
2 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/components/stream/status/action-bar/action-bar.component.html
View File

@ -2,12 +2,19 @@
<a *ngIf="!isLocked" href class="action-bar__link" title="Reply" (click)="reply()"> <a *ngIf="!isLocked" href class="action-bar__link" title="Reply" (click)="reply()">
<ion-icon name="ios-undo"></ion-icon> <ion-icon name="ios-undo"></ion-icon>
</a> </a>
<ion-icon *ngIf="isLocked" class="action-bar__lock" name="lock" title="Account can't access this post"></ion-icon>
<a *ngIf="!(isBoostLocked || isLocked)" href class="action-bar__link" title="Boost" [class.boosted]="isBoosted" (click)="boost()"> <a *ngIf="!(isBoostLocked || isLocked)" href class="action-bar__link" title="Boost" [class.boosted]="isBoosted" (click)="boost()">
<ion-icon name="md-swap"></ion-icon> <ion-icon name="md-swap"></ion-icon>
</a> </a>
<ion-icon *ngIf="isBoostLocked && !isLocked" class="action-bar__lock" name="lock" title="This post cannot be boosted"></ion-icon>
<ion-icon *ngIf="isLocked" class="action-bar__lock" name="lock" title="Account can't access this post"></ion-icon>
<a *ngIf="!isLocked" href class="action-bar__link" title="Favourite" [class.favorited]="isFavorited" (click)="favorite()"> <a *ngIf="!isLocked" href class="action-bar__link" title="Favourite" [class.favorited]="isFavorited" (click)="favorite()">
<ion-icon name="md-star"></ion-icon> <ion-icon name="md-star"></ion-icon>
</a> </a>
<ion-icon *ngIf="isLocked" class="action-bar__lock" name="lock" title="Account can't access this post"></ion-icon>
<a href class="action-bar__link" title="More" (click)="more()"> <a href class="action-bar__link" title="More" (click)="more()">
<ion-icon name="ios-more"></ion-icon> <ion-icon name="ios-more"></ion-icon>
</a> </a>

9
src/app/components/stream/status/action-bar/action-bar.component.scss
View File

@ -14,6 +14,15 @@
margin-right: 15px; margin-right: 15px;
} }
} }
&__lock {
color: $status-secondary-color;
width: 24px;
&:not(:last-child) {
margin-right: 15px;
}
}
} }
.boosted { .boosted {