Fix colors / transitions

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

View File

@ -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>
}

View File

@ -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;
}

View File

@ -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;
}

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