vaultwarden
/
bitwarden-estensione-browser
mirror of https://github.com/bitwarden/browser
1
0
Fork 0
Code Issues 1 Releases Wiki Activity

Merge pull request #870 from gryffs/box-content-flex 

Add flexbox to cipher list to correct display center issue.
This commit is contained in:
Chad Scharf 2021-05-04 16:05:26 -04:00 committed by GitHub
parent 42564285d9 49748ee05a
commit 3a342be095
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 25 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,20 +12,22 @@
(scrolled)="loadMore()"> (scrolled)="loadMore()">
<a *ngFor="let c of filteredCiphers" appStopClick (click)="selectCipher(c)" <a *ngFor="let c of filteredCiphers" appStopClick (click)="selectCipher(c)"
(contextmenu)="rightClickCipher(c)" href="#" title="{{'viewItem' | i18n}}" (contextmenu)="rightClickCipher(c)" href="#" title="{{'viewItem' | i18n}}"
[ngClass]="{'active': c.id === activeCipherId}"> [ngClass]="{'active': c.id === activeCipherId}" class="flex-list-item">
<app-vault-icon [cipher]="c"></app-vault-icon> <app-vault-icon [cipher]="c"></app-vault-icon>
<span class="text"> <div class="flex-cipher-list-item">
{{c.name}} <span class="text">
<ng-container *ngIf="c.organizationId"> {{c.name}}
<i class="fa fa-share-alt text-muted" title="{{'shared' | i18n}}" aria-hidden="true"></i> <ng-container *ngIf="c.organizationId">
<span class="sr-only">{{'shared' | i18n}}</span> <i class="fa fa-share-alt text-muted" title="{{'shared' | i18n}}" aria-hidden="true"></i>
</ng-container> <span class="sr-only">{{'shared' | i18n}}</span>
<ng-container *ngIf="c.hasAttachments"> </ng-container>
<i class="fa fa-paperclip text-muted" title="{{'attachments' | i18n}}" aria-hidden="true"></i> <ng-container *ngIf="c.hasAttachments">
<span class="sr-only">{{'attachments' | i18n}}</span> <i class="fa fa-paperclip text-muted" title="{{'attachments' | i18n}}" aria-hidden="true"></i>
</ng-container> <span class="sr-only">{{'attachments' | i18n}}</span>
</span> </ng-container>
<span class="detail">{{c.subTitle}}</span> </span>
<span *ngIf="c.subTitle" class="detail">{{c.subTitle}}</span>
</div>
</a> </a>
</div> </div>
<div class="no-items" *ngIf="!filteredCiphers.length"> <div class="no-items" *ngIf="!filteredCiphers.length">

10
src/scss/list.scss
View File

@ -130,4 +130,14 @@
} }
} }
} }
.flex-cipher-list-item {
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
} }