paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-04-02 13:45:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #313 from paperless-ngx/fix-issue-311

Browse Source 
Fix #311 unable to click checkboxes in document list
This commit is contained in:
shamoon 2022-03-22 14:59:34 -07:00 committed by GitHub
commit 5794faef6c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src-ui/src/app/components/document-list/document-list.component.html
View File

@ -147,10 +147,10 @@
i18n>Added</th> i18n>Added</th>
</thead> </thead>
<tbody> <tbody>
<tr *ngFor="let d of list.documents; trackBy: trackByDocumentId" (click)="toggleSelected(d, $event)" [ngClass]="list.isSelected(d) ? 'table-row-selected' : ''"> <tr *ngFor="let d of list.documents; trackBy: trackByDocumentId" (click)="toggleSelected(d, $event); $event.stopPropagation();" [ngClass]="list.isSelected(d) ? 'table-row-selected' : ''">
<td> <td>
<div class="form-check"> <div class="form-check">
<input type="checkbox" class="form-check-input" id="docCheck{{d.id}}" [checked]="list.isSelected(d)" (click)="toggleSelected(d, $event)"> <input type="checkbox" class="form-check-input" id="docCheck{{d.id}}" [checked]="list.isSelected(d)" (click)="toggleSelected(d, $event); $event.stopPropagation();">
<label class="form-check-label" for="docCheck{{d.id}}"></label> <label class="form-check-label" for="docCheck{{d.id}}"></label>
</div> </div>
</td> </td>

6
src-ui/src/theme_dark.scss
View File

@ -31,6 +31,7 @@ $border-color-dark-mode: #47494f;
--ngx-bg-alt: #{$bg-dark-mode-alt}; --ngx-bg-alt: #{$bg-dark-mode-alt};
--ngx-body-color-accent: #{$text-color-dark-mode-accent}; --ngx-body-color-accent: #{$text-color-dark-mode-accent};
--ngx-focus-alpha: 0.7; --ngx-focus-alpha: 0.7;
--ngx-primary-faded: var(--ngx-primary-darken-15);
.navbar.bg-primary{ .navbar.bg-primary{
--bs-primary: hsl(var(--pngx-primary),var(--pngx-primary-lightness)); --bs-primary: hsl(var(--pngx-primary),var(--pngx-primary-lightness));
@ -134,7 +135,6 @@ $border-color-dark-mode: #47494f;
background-color: $bg-light-dark-mode; background-color: $bg-light-dark-mode;
color: $text-color-dark-mode-accent; color: $text-color-dark-mode-accent;
} }
} }
.table-striped > tbody > tr:nth-of-type(odd) > * { .table-striped > tbody > tr:nth-of-type(odd) > * {
@ -149,10 +149,6 @@ $border-color-dark-mode: #47494f;
filter: invert(1) grayscale(100%) brightness(200%); filter: invert(1) grayscale(100%) brightness(200%);
} }
.ngx-file-drop__drop-zone--over {
background-color: var(--ngx-primary-darken-15) !important;
}
.toast { .toast {
background-color: hsla(var(--pngx-primary), calc(var(--pngx-primary-lightness) - 18%), 0.9); background-color: hsla(var(--pngx-primary), calc(var(--pngx-primary-lightness) - 18%), 0.9);
} }