From 20733bac55dd03e86d03443efa0e4a9fbb4286d5 Mon Sep 17 00:00:00 2001
From: Cesar Gonzalez <cesar.a.gonzalezcs@gmail.com>
Date: Tue, 2 May 2023 07:42:02 -0500
Subject: [PATCH] [PM-233] "No Items" graphic is overlapping on several screens
 (#5307)

* [PM-233] "No Items" graphic is overlapping on several screens

* [PM-233] Removing setting search input as readonly/disabled when "Send" functionality is disabled
---
 apps/browser/src/popup/scss/base.scss                           | 1 +
 apps/browser/src/tools/popup/send/send-groupings.component.html | 2 +-
 .../src/vault/popup/components/vault/vault-items.component.html | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/browser/src/popup/scss/base.scss b/apps/browser/src/popup/scss/base.scss
index b14d78ce32..d9300d2ec2 100644
--- a/apps/browser/src/popup/scss/base.scss
+++ b/apps/browser/src/popup/scss/base.scss
@@ -240,6 +240,7 @@ header {
     &[disabled] {
       opacity: 0.65;
       cursor: default !important;
+      background-color: inherit !important;
     }
 
     i + span {
diff --git a/apps/browser/src/tools/popup/send/send-groupings.component.html b/apps/browser/src/tools/popup/send/send-groupings.component.html
index 92c02ee3b3..e677895b40 100644
--- a/apps/browser/src/tools/popup/send/send-groupings.component.html
+++ b/apps/browser/src/tools/popup/send/send-groupings.component.html
@@ -30,7 +30,7 @@
   <app-callout type="warning" title="{{ 'sendDisabled' | i18n }}" *ngIf="disableSend">
     {{ "sendDisabledWarning" | i18n }}
   </app-callout>
-  <div class="no-items" *ngIf="(!sends || !sends.length) && !showSearching()">
+  <div class="no-items" *ngIf="(!sends || !sends.length) && !showSearching() && !disableSend">
     <i class="bwi bwi-spinner bwi-spin bwi-3x" *ngIf="!loaded"></i>
     <ng-container *ngIf="loaded">
       <img class="no-items-image" aria-hidden="true" />
diff --git a/apps/browser/src/vault/popup/components/vault/vault-items.component.html b/apps/browser/src/vault/popup/components/vault/vault-items.component.html
index bf53884721..f10688554d 100644
--- a/apps/browser/src/vault/popup/components/vault/vault-items.component.html
+++ b/apps/browser/src/vault/popup/components/vault/vault-items.component.html
@@ -81,7 +81,7 @@
         *ngIf="showVaultFilter && !showGroupings()"
         (onVaultSelectionChanged)="changeVaultSelection()"
       ></app-vault-select>
-      <div class="no-items">
+      <div class="no-items" *ngIf="!nestedFolders?.length && !nestedCollections?.length">
         <i class="bwi bwi-spinner bwi-spin bwi-3x" *ngIf="!loaded" aria-hidden="true"></i>
         <ng-container *ngIf="loaded">
           <img class="no-items-image" aria-hidden="true" />