paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-04-25 10:49:30 -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>
<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>
<tr>
<th i18n>Created</th>
@ -13,7 +13,7 @@
<tbody>
<tr *ngFor="let doc of documents" routerLink="/documents/{{doc.id}}">
<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>
</tbody>
</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 {
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;
color: $text-color-dark-mode-accent;
}
@ -228,7 +228,7 @@ $border-color-dark-mode: #47494f;
color: $text-color-dark-mode;
text-shadow: 0 1px 0 #666;
}
.modal .btn-close {
color: $text-color-dark-mode;
text-shadow: 0 1px 0 #666;