amorfo77/paperless-ngx
1
0 Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2026-10-27 18:15:43 +00:00
Code Issues Projects Releases Wiki Activity

Change the toggle visual here

Browse Source
This commit is contained in:
shamoon committed 2026-10-25 10:29:15 -07:00
1 parent f44cd890d4
commit d2192e12ed
2 files changed
+11 -1
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html
+1 -1
View File
@@ -35,7 +35,7 @@
@if (getCustomFieldByID(atom.field)?.data_type === CustomFieldDataType.Date) {
@let relativeDate = getRelativeDate(atom);
<div class="d-flex gap-2 w-100 ms-0 mt-1">
<div class="btn-group btn-group-sm" role="group" aria-label="Date mode" i18n-aria-label>
<div class="btn-group btn-group-sm date-mode" role="group" aria-label="Date mode" i18n-aria-label>
<input type="radio" class="btn-check" [id]="atom.id + '_fixed'" [name]="atom.id + '_dateMode'" [checked]="!relativeDate" (change)="toggleRelativeDate(atom)" [disabled]="disabled" aria-label="Fixed date" i18n-aria-label>
<label class="btn btn-outline-secondary text-nowrap" [for]="atom.id + '_fixed'" title="Fixed date" i18n-title>
<i-bs name="calendar"></i-bs><span class="d-none d-md-inline ms-2" i18n>Fixed</span>
src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.scss
+10
View File
@@ -44,3 +44,13 @@
min-width: 140px;
}
}
.date-mode .btn {
--bs-btn-color: var(--bs-secondary-color);
--bs-btn-hover-bg: transparent;
--bs-btn-hover-color: var(--bs-body-color);
--bs-btn-hover-border-color: var(--bs-border-color);
--bs-btn-active-bg: transparent;
--bs-btn-active-color: var(--bs-primary);
--bs-btn-active-border-color: var(--bs-border-color);
}