lgcosta/paperless-ngx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix colors / transitions

Browse Source
This commit is contained in:
shamoon 2024-04-02 14:20:52 -07:00
parent 8faf449b7c
commit 23b2b77ec8
4 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src-ui/src/app/components/app-frame/global-search/global-search.component.html
View File

@ -29,12 +29,15 @@
<button #primaryButton type="button" class="btn btn-sm btn-outline-primary d-flex" <button #primaryButton type="button" class="btn btn-sm btn-outline-primary d-flex"
(click)="primaryAction(type, item); $event.stopPropagation()" (click)="primaryAction(type, item); $event.stopPropagation()"
(mouseenter)="onButtonHover($event)"> (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> <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 { } @else {
<i-bs width="1em" height="1em" name="filter"></i-bs> <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> </button>
@if (type !== 'workflow' && type !== 'customField' && type !== 'group' && type !== 'user') { @if (type !== 'workflow' && type !== 'customField' && type !== 'group' && type !== 'user') {
@ -43,10 +46,10 @@
(mouseenter)="onButtonHover($event)"> (mouseenter)="onButtonHover($event)">
@if (type === 'document') { @if (type === 'document') {
<i-bs width="1em" height="1em" name="download"></i-bs> <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 { } @else {
<i-bs width="1em" height="1em" name="pencil"></i-bs> <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> </button>
} }

2
src-ui/src/app/components/app-frame/global-search/global-search.component.scss
View File

@ -66,7 +66,7 @@ form {
} }
& button { & button {
transition: all 0.3s ease; transition: all 0.3s ease, color 0.15s ease;
max-width: 2rem; max-width: 2rem;
overflow: hidden; overflow: hidden;
} }

2
src-ui/src/styles.scss
View File

@ -87,7 +87,7 @@ table .btn-link {
color: var(--pngx-primary-text-contrast) !important; color: var(--pngx-primary-text-contrast) !important;
} }
.navbar .dropdown .btn { .navbar .dropdown > .btn {
color: var(--pngx-primary-text-contrast) !important; color: var(--pngx-primary-text-contrast) !important;
} }

4
src-ui/src/theme.scss
View File

@ -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 // navbar is og green in dark mode
@include paperless-green; @include paperless-green;
} }
.navbar.bg-primary .dropdown-menu {
@include paperless-green-dark-mode;
}
} }
@include dark-mode; @include dark-mode;