paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-07-28 18:24:38 -05:00
Code Issues Packages Projects Releases Wiki Activity

Initial conversion to css variables

Browse Source
This commit is contained in:
Michael Shamoon
2022-03-08 14:49:40 -08:00
parent df4567f9e4
commit 4babf0d102
11 changed files with 251 additions and 349 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src-ui/src/app/components/app-frame/app-frame.component.scss
View File

@@ -35,16 +35,14 @@
.sidebar .nav-link {
font-weight: 500;
color: #333;
}
.sidebar .nav-link .sidebaricon {
margin-right: 4px;
color: #999;
}
.sidebar .nav-link.active {
color: $primary;
color: var(--bs-primary);
font-weight: bold;
}

2
src-ui/src/app/components/common/confirm-dialog/confirm-dialog.component.html
View File

@@ -8,7 +8,7 @@
<p *ngIf="message">{{message}}</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" (click)="cancel()" [disabled]="!buttonsEnabled" i18n>Cancel</button>
<button type="button" class="btn btn-outline-secondary" (click)="cancel()" [disabled]="!buttonsEnabled" i18n>Cancel</button>
<button type="button" class="btn" [class]="btnClass" (click)="confirm()" [disabled]="!confirmButtonEnabled || !buttonsEnabled">
{{btnCaption}}
<span *ngIf="!confirmButtonEnabled"> ({{seconds}})</span>

2
src-ui/src/app/components/common/filterable-dropdown/filterable-dropdown.component.scss
View File

@@ -42,7 +42,7 @@
filter: brightness(0.5);
&.active {
background-color: lighten($primary, 30%);
background-color: var(--ngx-primary-lighten-30);
}
}

2
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 bg-light table-hover table-borderless mb-0">
<table content class="table table-sm table-hover table-borderless mb-0">
<thead>
<tr>
<th i18n>Created</th>

2
src-ui/src/app/components/dashboard/widgets/widget-frame/widget-frame.component.html
View File

@@ -6,7 +6,7 @@
</div>
</div>
<div class="card-body text-dark">
<div class="card-body text-dark bg-light">
<ng-content select ="[content]"></ng-content>
</div>
</div>

4
src-ui/src/app/components/document-list/document-card-large/document-card-large.component.scss
View File

@@ -52,7 +52,7 @@
}
.card-selected {
border-color: $primary;
border-color: var(--bs-primary);
.document-card-check {
display: block;
@@ -60,7 +60,7 @@
}
.doc-img-background-selected {
background-color: $primaryFaded;
background-color: var(--ngx-primary-faded);
}
.card-info {

6
src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
View File

@@ -37,7 +37,7 @@
}
.card-selected {
border-color: $primary;
border-color:var(--bs-primary);
.document-card-check {
display: block;
@@ -45,7 +45,7 @@
}
.doc-img-background-selected {
background-color: $primaryFaded;
background-color: var(--ngx-primary-faded);
}
.card-info {
@@ -57,7 +57,7 @@
&:hover,
&:focus {
background-color: transparent !important;
color: $primary;
color: var(--bs-primary);
}
}

2
src-ui/src/app/components/document-list/document-list.component.scss
View File

@@ -5,7 +5,7 @@ tr {
}
.table-row-selected {
background-color: $primaryFaded;
background-color: var(--ngx-primary-faded);
}
$paperless-card-breakpoints: (