From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Mon, 20 Nov 2023 00:13:38 +0000 (-0800)
Subject: Fix: Miscellaneous visual fixes in v2.0.0-beta.rc1 2 (#4635)
X-Git-Tag: v2.0.0~3^2~9
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=0eb17e71024ecbbfbaa6a9731a6e087da12f33fc;p=thirdparty%2Fpaperless-ngx.git

Fix: Miscellaneous visual fixes in v2.0.0-beta.rc1 2 (#4635)

* Fix filter editor sticky top spacing

* Fix management list long title text alignment

* Fix paperless green using incorrect lightness value
---

diff --git a/src-ui/src/app/components/document-list/document-list.component.html b/src-ui/src/app/components/document-list/document-list.component.html
index a95dfa8217..480a559c8c 100644
--- a/src-ui/src/app/components/document-list/document-list.component.html
+++ b/src-ui/src/app/components/document-list/document-list.component.html
@@ -81,7 +81,7 @@
 
 </pngx-page-header>
 
-<div class="row sticky-top pb-3 bg-body">
+<div class="row sticky-top py-3 mt-n2 mt-md-n3 bg-body">
   <pngx-filter-editor [hidden]="isBulkEditing" [(filterRules)]="list.filterRules" [unmodifiedFilterRules]="unmodifiedFilterRules" [selectionData]="list.selectionData" #filterEditor></pngx-filter-editor>
   <pngx-bulk-editor [hidden]="!isBulkEditing"></pngx-bulk-editor>
 </div>
diff --git a/src-ui/src/app/components/manage/management-list/management-list.component.html b/src-ui/src/app/components/manage/management-list/management-list.component.html
index 2792f31770..3592c9cfa1 100644
--- a/src-ui/src/app/components/manage/management-list/management-list.component.html
+++ b/src-ui/src/app/components/manage/management-list/management-list.component.html
@@ -59,7 +59,7 @@
           <label class="form-check-label" for="{{typeName}}{{object.id}}"></label>
         </div>
       </td>
-      <td scope="row"><button class="btn btn-link ms-0 ps-0" (click)="openEditDialog(object)">{{ object.name }}</button> </td>
+      <td scope="row"><button class="btn btn-link ms-0 ps-0 text-start" (click)="openEditDialog(object)">{{ object.name }}</button> </td>
       <td scope="row" class="d-none d-sm-table-cell">{{ getMatching(object) }}</td>
       <td scope="row">{{ object.document_count }}</td>
       <td scope="row" *ngFor="let column of extraColumns">
diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index 0518f9bbeb..c7acaf57ad 100644
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -63,6 +63,7 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
 }
 
 @mixin dark-mode {
+  --bs-primary: hsl(var(--pngx-primary),var(--pngx-primary-lightness));
   --bs-body-color: #{$text-color-dark-bg};
   --pngx-body-color-accent: #{$text-color-dark-bg-accent};
   --bs-secondary-color: #6c757d;