Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-27 12:36:14 +01:00
Code Issues Projects Releases Wiki Activity

attachments list icon

Browse Source
This commit is contained in:
Kyle Spearrin 2018-06-08 12:45:31 -04:00
parent de9780a756
commit f05c6ccddd
3 changed files with 21 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/vault/attachments.component.html
View File

@ -4,7 +4,7 @@
<div class="modal-header">
<h2 class="modal-title">
{{'attachments' | i18n}}
<small>{{cipher.name}}</small>
<small *ngIf="cipher">{{cipher.name}}</small>
</h2>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
@ -14,9 +14,12 @@
<table class="table table-hover table-list" *ngIf="cipher && cipher.hasAttachments">
<tbody>
<tr *ngFor="let a of cipher.attachments">
<td class="table-list-icon">
<i class="fa fa-fw fa-lg fa-file-o" *ngIf="!a.downloading"></i>
<i class="fa fa-spinner fa-lg fa-fw fa-spin" *ngIf="a.downloading"></i>
</td>
<td>
<a href="#" appStopClick appBlurCLick (click)="download(a)">{{a.fileName}}</a>
<i class="fa fa-spinner fa-fw fa-spin text-muted" *ngIf="a.downloading"></i>
<br>
<small>{{a.sizeName}}</small>
</td>

8
src/app/vault/ciphers.component.html
View File

@ -2,16 +2,16 @@
<table class="table table-hover table-list table-ciphers" *ngIf="searchedCiphers.length > 0">
<tbody>
<tr *ngFor="let c of searchedCiphers">
<td (click)="checkCipher(c)">
<td (click)="checkCipher(c)" class="table-list-checkbox">
<input type="checkbox" [(ngModel)]="c.checked">
</td>
<td (click)="checkCipher(c)">
<td (click)="checkCipher(c)" class="table-list-icon">
<app-vault-icon [cipher]="c"></app-vault-icon>
</td>
<td (click)="checkCipher(c)">
<a href="#" appStopClick appStopProp (click)="selectCipher(c)" title="{{'editItem' | i18n}}">{{c.name}}</a>
<i class="fa fa-share-alt text-muted" appStopProp *ngIf="c.organizationId" title="{{'shared' | i18n}}"></i>
<i class="fa fa-paperclip text-muted" appStopProp *ngIf="c.hasAttachments" title="{{'attachments' | i18n}}"></i>
<i class="fa fa-share-alt" appStopProp *ngIf="c.organizationId" title="{{'shared' | i18n}}"></i>
<i class="fa fa-paperclip" appStopProp *ngIf="c.hasAttachments" title="{{'attachments' | i18n}}"></i>
<br>
<small appStopProp>{{c.subTitle}}</small>
</td>

32
src/scss/styles.scss
View File

@ -162,7 +162,7 @@ form label {
vertical-align: middle;
line-height: 1;
small {
small, > .fa, .icon {
color: $text-muted;
}
}
@ -188,29 +188,21 @@ form label {
visibility: hidden;
}
}
}
app-vault-icon .fa {
color: $text-muted;
}
td.table-list-icon {
width: 45px;
max-width: 45px;
text-align: center;
app-vault {
.table-ciphers {
td:first-child {
width: 35px;
max-width: 35px;
img {
@extend .rounded;
@extend .img-fluid;
}
}
td:nth-child(2) {
width: 45px;
max-width: 45px;
text-align: center;
img {
@extend .rounded;
@extend .img-fluid;
}
}
td.table-list-checkbox {
width: 35px;
max-width: 35px;
}
}