1
0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-27 12:36:14 +01:00

Adds folder word-wrap (#880)

Uses spaces and dashes as preferred separator in folder names
(instead of just breaking whereever the max width is encountered)
This commit is contained in:
Leon-Hikari 2021-05-13 06:02:39 +02:00 committed by GitHub
parent 7f9f6d3d0e
commit a8d614628a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -70,7 +70,7 @@
<i *ngIf="f.children.length" class="fa-li fa" title="{{'toggleCollapse' | i18n}}" <i *ngIf="f.children.length" class="fa-li fa" title="{{'toggleCollapse' | i18n}}"
[ngClass]="{'fa-caret-right': isCollapsed(f.node), 'fa-caret-down': !isCollapsed(f.node)}" [ngClass]="{'fa-caret-right': isCollapsed(f.node), 'fa-caret-down': !isCollapsed(f.node)}"
(click)="collapse(f.node)"></i> (click)="collapse(f.node)"></i>
<a href="#" appStopClick (click)="selectFolder(f.node)"> <a href="#" class="text-break" appStopClick (click)="selectFolder(f.node)">
<i *ngIf="f.children.length === 0" class="fa-li fa fa-folder-o" aria-hidden="true"></i>{{f.node.name}} <i *ngIf="f.children.length === 0" class="fa-li fa fa-folder-o" aria-hidden="true"></i>{{f.node.name}}
</a> </a>
<a href="#" class="text-muted ml-auto show-active" appStopClick <a href="#" class="text-muted ml-auto show-active" appStopClick
@ -97,7 +97,7 @@
<i *ngIf="c.children.length" class="fa-li fa" title="{{'toggleCollapse' | i18n}}" <i *ngIf="c.children.length" class="fa-li fa" title="{{'toggleCollapse' | i18n}}"
[ngClass]="{'fa-caret-right': isCollapsed(c.node), 'fa-caret-down': !isCollapsed(c.node)}" [ngClass]="{'fa-caret-right': isCollapsed(c.node), 'fa-caret-down': !isCollapsed(c.node)}"
(click)="collapse(c.node)"></i> (click)="collapse(c.node)"></i>
<a href="#" appStopClick (click)="selectCollection(c.node)"> <a href="#" class="text-break" appStopClick (click)="selectCollection(c.node)">
<i *ngIf="c.children.length === 0" class="fa-li fa fa-cube" aria-hidden="true"></i>{{c.node.name}} <i *ngIf="c.children.length === 0" class="fa-li fa fa-cube" aria-hidden="true"></i>{{c.node.name}}
</a> </a>
<ul class="fa-ul card-ul carets" *ngIf="c.children.length && !isCollapsed(c.node)"> <ul class="fa-ul card-ul carets" *ngIf="c.children.length && !isCollapsed(c.node)">