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

bs5: fix dark mode dashboard widget table display

Browse Source
This commit is contained in:
Michael Shamoon 2022-02-20 00:16:49 -08:00
parent 899e3eed1b
commit 199affb244
3 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.html
View File

@ -3,7 +3,7 @@
<a header-buttons [routerLink]="[]" (click)="showAll()" i18n>Show all</a> <a header-buttons [routerLink]="[]" (click)="showAll()" i18n>Show all</a>
<table content class="table table-sm table-hover table-borderless"> <table content class="table table-sm bg-light table-hover table-borderless mb-0">
<thead> <thead>
<tr> <tr>
<th i18n>Created</th> <th i18n>Created</th>
@ -13,7 +13,7 @@
<tbody> <tbody>
<tr *ngFor="let doc of documents" routerLink="/documents/{{doc.id}}"> <tr *ngFor="let doc of documents" routerLink="/documents/{{doc.id}}">
<td>{{doc.created | customDate}}</td> <td>{{doc.created | customDate}}</td>
<td>{{doc.title | documentTitle}}<app-tag [tag]="t" *ngFor="let t of doc.tags$ | async" class="ms-1"></app-tag> <td>{{doc.title | documentTitle}}<app-tag [tag]="t" *ngFor="let t of doc.tags$ | async" class="ms-1"></app-tag></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

4
src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.scss
View File

@ -6,3 +6,7 @@ table {
th:first-child { th:first-child {
width: 25%; width: 25%;
} }
tbody tr {
cursor: pointer;
}

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

@ -205,7 +205,7 @@ $border-color-dark-mode: #47494f;
} }
} }
tr:hover { &.table-hover > tbody > tr:hover > * {
background-color: $bg-light-dark-mode; background-color: $bg-light-dark-mode;
color: $text-color-dark-mode-accent; color: $text-color-dark-mode-accent;
} }
@ -228,7 +228,7 @@ $border-color-dark-mode: #47494f;
color: $text-color-dark-mode; color: $text-color-dark-mode;
text-shadow: 0 1px 0 #666; text-shadow: 0 1px 0 #666;
} }
.modal .btn-close { .modal .btn-close {
color: $text-color-dark-mode; color: $text-color-dark-mode;
text-shadow: 0 1px 0 #666; text-shadow: 0 1px 0 #666;