From 684eb7adf36d8cdc3aea645b839560cdd0496191 Mon Sep 17 00:00:00 2001
From: cyprain-okeke <108260115+cyprain-okeke@users.noreply.github.com>
Date: Sat, 17 Sep 2022 11:53:55 +0100
Subject: [PATCH] [Ps 1319] When the name of an entry is too long, the Icon
 indicating it is shared is not shown (#3500)

* fixing the bug ps-1319 by using ellipsis pipe which deafultg 25 character length

* pass 20 as the limit length instead default 25

Co-authored-by: dynwee <onwudiweokeke@gmail.com>
---
 apps/browser/src/popup/components/cipher-row.component.html | 2 +-
 apps/desktop/src/app/vault/ciphers.component.html           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/browser/src/popup/components/cipher-row.component.html b/apps/browser/src/popup/components/cipher-row.component.html
index fc78fd9ccfa..fce966adb4d 100644
--- a/apps/browser/src/popup/components/cipher-row.component.html
+++ b/apps/browser/src/popup/components/cipher-row.component.html
@@ -15,7 +15,7 @@
     <app-vault-icon [cipher]="cipher"></app-vault-icon>
     <div class="row-main-content">
       <span class="text">
-        {{ cipher.name }}
+        {{ cipher.name | ellipsis: 20 }}
         <ng-container *ngIf="cipher.organizationId">
           <i
             class="bwi bwi-collection text-muted"
diff --git a/apps/desktop/src/app/vault/ciphers.component.html b/apps/desktop/src/app/vault/ciphers.component.html
index b2482e8f8d8..0b324cf0edb 100644
--- a/apps/desktop/src/app/vault/ciphers.component.html
+++ b/apps/desktop/src/app/vault/ciphers.component.html
@@ -24,7 +24,7 @@
           <app-vault-icon [cipher]="c"></app-vault-icon>
           <div class="flex-cipher-list-item">
             <span class="text">
-              {{ c.name }}
+              {{ c.name | ellipsis }}
               <ng-container *ngIf="c.organizationId">
                 <i
                   class="bwi bwi-collection text-muted"