felixfoertsch/syncthing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 10 Wiki Activity

adjusting styles

Browse Source
This commit is contained in:
Jesse Lucas
2020-04-09 13:01:06 -04:00
parent 95f7a26bce
commit 5f1aba9a37
5 changed files with 25 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/card/card.component.scss
+1
View File
@@ -17,6 +17,7 @@
.tui-card-title { .tui-card-title {
padding: 16px 16px 0 16px; padding: 16px 16px 0 16px;
font-size: mat-font-size($tech-ui-typography, subheading-2); font-size: mat-font-size($tech-ui-typography, subheading-2);
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: mat-color($primary); color: mat-color($primary);
} }
src/app/dashboard/dashboard.component.scss
+2 -1
View File
@@ -1,5 +1,6 @@
.header { .header {
margin: 20px 3vw 20px 3vw; margin: 15px 3vw 12px 3vw;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
} }
.progress { .progress {
src/app/lists/status-list/status-list.component.html
+1 -1
View File
@@ -1,4 +1,4 @@
<app-card> <app-card class="status-list">
<div fxLayout="row" fxLayoutAlign="space-between start"> <div fxLayout="row" fxLayoutAlign="space-between start">
<app-card-title>{{title | uppercase}}</app-card-title> <app-card-title>{{title | uppercase}}</app-card-title>
<app-list-toggle (listTypeEvent)="onToggle($event)" class="tui-card-toggle"></app-list-toggle> <app-list-toggle (listTypeEvent)="onToggle($event)" class="tui-card-toggle"></app-list-toggle>
src/app/lists/status-list/status-list.component.scss
+1 -5
View File
@@ -1,7 +1,3 @@
.tui-card-toggle { .status-list .tui-card-toggle {
padding: 16px 16px 0 16px; padding: 16px 16px 0 16px;
}
.tui-card-content {
padding-top: 0;
} }
src/styles.scss
+20 -15
View File
@@ -78,24 +78,25 @@ $tech-ui-dark-theme: mat-dark-theme($tech-ui-primary, $tech-ui-accent, $tech-ui-
// Include theme styles for core and each component used in your app. // Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component // Alternatively, you can import and @include the theme mixins for each component
// that you are using. // that you are using.
@include angular-material-theme($tech-ui-theme); @include angular-material-theme($tech-ui-theme);
@include tui-card-theme($tech-ui-theme); @include tui-card-theme($tech-ui-theme);
@include chart-item-theme($tech-ui-theme); @include chart-item-theme($tech-ui-theme);
html, body { html, body {
height: 100%; height: 100%;
background-color: #eeeeee; background-color: #eeeeee;
font-size: mat-font-size($tech-ui-typography, body-1); font-size: mat-font-size($tech-ui-typography, body-1);
font-family: mat-font-family($tech-ui-typography); font-family: mat-font-family($tech-ui-typography);
line-height: mat-line-height($tech-ui-typography, body-1); line-height: mat-line-height($tech-ui-typography, body-1);
color: #303030; color: #303030;
} }
a {
text-decoration: underline;
color: #303030;
}
a {
text-decoration: underline;
color: #303030;
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@include angular-material-theme($tech-ui-dark-theme); @include angular-material-theme($tech-ui-dark-theme);
@include tui-card-theme($tech-ui-dark-theme); @include tui-card-theme($tech-ui-dark-theme);
@@ -111,6 +112,10 @@ $tech-ui-dark-theme: mat-dark-theme($tech-ui-primary, $tech-ui-accent, $tech-ui-
} }
} }
.status-list .tui-card .tui-card-content {
padding-top: 0;
}
// Chart.js styles // Chart.js styles
#chartjs-tooltip { #chartjs-tooltip {
/* max z-index value */ /* max z-index value */