Martchus
/
syncthing
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

adjusting styles

This commit is contained in:
Jesse Lucas 2020-04-09 11:53:41 -04:00
parent 95f7a26bce
commit 5f1aba9a37
5 changed files with 25 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/card/card.component.scss
View File

@ -17,6 +17,7 @@
.tui-card-title {
padding: 16px 16px 0 16px;
font-size: mat-font-size($tech-ui-typography, subheading-2);
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: mat-color($primary);
}

3
src/app/dashboard/dashboard.component.scss
View File

@ -1,5 +1,6 @@
.header {
margin: 20px 3vw 20px 3vw;
margin: 15px 3vw 12px 3vw;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.progress {

2
src/app/lists/status-list/status-list.component.html
View File

@ -1,4 +1,4 @@
<app-card>
<app-card class="status-list">
<div fxLayout="row" fxLayoutAlign="space-between start">
<app-card-title>{{title | uppercase}}</app-card-title>
<app-list-toggle (listTypeEvent)="onToggle($event)" class="tui-card-toggle"></app-list-toggle>

6
src/app/lists/status-list/status-list.component.scss
View File

@ -1,7 +1,3 @@
.tui-card-toggle {
.status-list .tui-card-toggle {
padding: 16px 16px 0 16px;
}
.tui-card-content {
padding-top: 0;
}

35
src/styles.scss
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.
// Alternatively, you can import and @include the theme mixins for each component
// that you are using.
@include angular-material-theme($tech-ui-theme);
@include tui-card-theme($tech-ui-theme);
@include chart-item-theme($tech-ui-theme);
@include angular-material-theme($tech-ui-theme);
@include tui-card-theme($tech-ui-theme);
@include chart-item-theme($tech-ui-theme);
html, body {
height: 100%;
background-color: #eeeeee;
font-size: mat-font-size($tech-ui-typography, body-1);
font-family: mat-font-family($tech-ui-typography);
line-height: mat-line-height($tech-ui-typography, body-1);
color: #303030;
}
html, body {
height: 100%;
background-color: #eeeeee;
font-size: mat-font-size($tech-ui-typography, body-1);
font-family: mat-font-family($tech-ui-typography);
line-height: mat-line-height($tech-ui-typography, body-1);
color: #303030;
}
a {
text-decoration: underline;
color: #303030;
}
a {
text-decoration: underline;
color: #303030;
}
@media (prefers-color-scheme: dark) {
@include angular-material-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
#chartjs-tooltip {
/* max z-index value */