From 23b2b77ec849a21176c0ac5e2865909ebd75a8a3 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Tue, 2 Apr 2024 14:20:52 -0700
Subject: [PATCH] Fix colors / transitions

---
 .../global-search/global-search.component.html      | 13 ++++++++-----
 .../global-search/global-search.component.scss      |  2 +-
 src-ui/src/styles.scss                              |  2 +-
 src-ui/src/theme.scss                               |  4 ++++
 4 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src-ui/src/app/components/app-frame/global-search/global-search.component.html b/src-ui/src/app/components/app-frame/global-search/global-search.component.html
index 390845d93..94585fefd 100644
--- a/src-ui/src/app/components/app-frame/global-search/global-search.component.html
+++ b/src-ui/src/app/components/app-frame/global-search/global-search.component.html
@@ -29,12 +29,15 @@
             <button #primaryButton type="button" class="btn btn-sm btn-outline-primary d-flex"
             (click)="primaryAction(type, item); $event.stopPropagation()"
             (mouseenter)="onButtonHover($event)">
-                @if (type === 'document' || type === 'workflow' || type === 'customField' || type === 'group' || type === 'user') {
+                @if (type === 'document') {
                     <i-bs width="1em" height="1em" name="pencil"></i-bs>
-                    <span class="">&nbsp;<ng-container i18n>Edit</ng-container></span>
+                    <span>&nbsp;<ng-container i18n>Open</ng-container></span>
+                } @else if (type === 'workflow' || type === 'customField' || type === 'group' || type === 'user') {
+                    <i-bs width="1em" height="1em" name="pencil"></i-bs>
+                    <span>&nbsp;<ng-container i18n>Edit</ng-container></span>
                 } @else {
                     <i-bs width="1em" height="1em" name="filter"></i-bs>
-                    <span class="">&nbsp;<ng-container i18n>Filter documents</ng-container></span>
+                    <span>&nbsp;<ng-container i18n>Filter documents</ng-container></span>
                 }
             </button>
             @if (type !== 'workflow' && type !== 'customField' && type !== 'group' && type !== 'user') {
@@ -43,10 +46,10 @@
                 (mouseenter)="onButtonHover($event)">
                     @if (type === 'document') {
                         <i-bs width="1em" height="1em" name="download"></i-bs>
-                        <span class="">&nbsp;<ng-container i18n>Download</ng-container></span>
+                        <span>&nbsp;<ng-container i18n>Download</ng-container></span>
                     } @else {
                         <i-bs width="1em" height="1em" name="pencil"></i-bs>
-                        <span class="">&nbsp;<ng-container i18n>Edit</ng-container></span>
+                        <span>&nbsp;<ng-container i18n>Edit</ng-container></span>
                     }
                 </button>
             }
diff --git a/src-ui/src/app/components/app-frame/global-search/global-search.component.scss b/src-ui/src/app/components/app-frame/global-search/global-search.component.scss
index 03c1d3b4d..373f7c35a 100644
--- a/src-ui/src/app/components/app-frame/global-search/global-search.component.scss
+++ b/src-ui/src/app/components/app-frame/global-search/global-search.component.scss
@@ -66,7 +66,7 @@ form {
   }
 
   & button {
-    transition: all 0.3s ease;
+    transition: all 0.3s ease, color 0.15s ease;
     max-width: 2rem;
     overflow: hidden;
   }
diff --git a/src-ui/src/styles.scss b/src-ui/src/styles.scss
index 22e4b348b..68d6cd09b 100644
--- a/src-ui/src/styles.scss
+++ b/src-ui/src/styles.scss
@@ -87,7 +87,7 @@ table .btn-link {
   color: var(--pngx-primary-text-contrast) !important;
 }
 
-.navbar .dropdown .btn {
+.navbar .dropdown > .btn {
   color: var(--pngx-primary-text-contrast) !important;
 }
 
diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index 5f7a21947..d10fc8db9 100644
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -323,6 +323,10 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
           // navbar is og green in dark mode
           @include paperless-green;
         }
+
+        .navbar.bg-primary .dropdown-menu {
+          @include paperless-green-dark-mode;
+        }
       }
 
       @include dark-mode;