From a8d614628aef4c68a80d59d08773de17e91b6261 Mon Sep 17 00:00:00 2001
From: Leon-Hikari <Leon-Hikari@users.noreply.github.com>
Date: Thu, 13 May 2021 06:02:39 +0200
Subject: [PATCH] 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)
---
 src/app/vault/groupings.component.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/vault/groupings.component.html b/src/app/vault/groupings.component.html
index 6518415a5c..2580680d91 100644
--- a/src/app/vault/groupings.component.html
+++ b/src/app/vault/groupings.component.html
@@ -70,7 +70,7 @@
                                 <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)}"
                                     (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}}
                                 </a>
                                 <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}}"
                                 [ngClass]="{'fa-caret-right': isCollapsed(c.node), 'fa-caret-down': !isCollapsed(c.node)}"
                                 (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}}
                             </a>
                             <ul class="fa-ul card-ul carets" *ngIf="c.children.length && !isCollapsed(c.node)">