diff --git a/src/popup/components/cipher-row.component.html b/src/popup/components/cipher-row.component.html index ea0af83d86a..fbf9f1dab46 100644 --- a/src/popup/components/cipher-row.component.html +++ b/src/popup/components/cipher-row.component.html @@ -5,6 +5,7 @@ appStopClick title="{{ title }} - {{ cipher.name }}" class="box-content-row box-content-row-flex virtual-scroll-item" + [ngClass]="{ 'override-last': !last }" >
diff --git a/src/popup/components/cipher-row.component.ts b/src/popup/components/cipher-row.component.ts index 484ccdea2d2..fa2b66c1b1a 100644 --- a/src/popup/components/cipher-row.component.ts +++ b/src/popup/components/cipher-row.component.ts @@ -11,6 +11,7 @@ export class CipherRowComponent { @Output() launchEvent = new EventEmitter(); @Output() onView = new EventEmitter(); @Input() cipher: CipherView; + @Input() last: boolean; @Input() showView = false; @Input() title: string; diff --git a/src/popup/scss/box.scss b/src/popup/scss/box.scss index 0a43da8e56f..c61167fac64 100644 --- a/src/popup/scss/box.scss +++ b/src/popup/scss/box.scss @@ -211,6 +211,13 @@ } } + &.override-last:last-child:before { + border-bottom: 1px solid #000000; + @include themify($themes) { + border-bottom-color: themed("boxBorderColor"); + } + } + &.last:last-child:before { border-bottom: 1px solid #000000; @include themify($themes) { diff --git a/src/popup/vault/ciphers.component.html b/src/popup/vault/ciphers.component.html index 8b276665222..1608c8f0289 100644 --- a/src/popup/vault/ciphers.component.html +++ b/src/popup/vault/ciphers.component.html @@ -97,8 +97,9 @@