Fix design.

This commit is contained in:
Alexis Lahouze 2017-09-17 01:29:51 +02:00
parent 82670ce86b
commit 4e21327d49
2 changed files with 24 additions and 9 deletions

View File

@ -6,8 +6,6 @@ import { Component } from '@angular/core';
selector: 'accountant', selector: 'accountant',
styles: [ require('./main.scss').toString() ], styles: [ require('./main.scss').toString() ],
template: ` template: `
<md-sidenav-container>
<div>
<md-toolbar class="mat-elevation-z6" color="primary"> <md-toolbar class="mat-elevation-z6" color="primary">
<div class="acc-toolbar"> <div class="acc-toolbar">
<a md-button style="text-transform: uppercase" <a md-button style="text-transform: uppercase"
@ -20,8 +18,6 @@ import { Component } from '@angular/core';
<div class="acc-content"> <div class="acc-content">
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div> </div>
</div>
</md-sidenav-container>
` `
}) })
export class AppComponent { } export class AppComponent { }

View File

@ -9,6 +9,7 @@ $fa-font-path: '~font-awesome/fonts';
@import '~ngx-toastr/toastr'; @import '~ngx-toastr/toastr';
$roboto-font-path: '~roboto-fontface/fonts/roboto/'; $roboto-font-path: '~roboto-fontface/fonts/roboto/';
@import '~@angular/material/_theming';
@import '~@angular/material/prebuilt-themes/indigo-pink.css'; @import '~@angular/material/prebuilt-themes/indigo-pink.css';
@import '~material-design-icons/iconfont/material-icons.css'; @import '~material-design-icons/iconfont/material-icons.css';
@ -50,16 +51,18 @@ body {
} }
} }
md-dialog > form {
overflow: visible;
}*/
/*
// stretch to screen size in fullscreen mode // stretch to screen size in fullscreen mode
.demo-content { .acc-content {
width: 100%; width: 100%;
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
} }
*/
md-dialog > form {
overflow: visible;
}*/
.italic { .italic {
font-style: italic; font-style: italic;
@ -76,3 +79,19 @@ md-dialog > form {
.c3-ygrid-line.overdraft line { .c3-ygrid-line.overdraft line {
stroke: #FF0000; stroke: #FF0000;
} }
span.warning {
color: mat-color($mat-amber, A700);
}
.mat-row.warning {
background-color: mat-color($mat-amber, 100);
}
span.error {
color: mat-color($mat-red, A700);
}
.mat-row.error {
background-color: mat-color($mat-red, 100);
}