refactor(aio): indent and org cleanup

This commit is contained in:
Stefanie Fluin 2017-03-15 10:34:34 +11:00 committed by Chuck Jazdzewski
parent c2bd357825
commit 637a489996
7 changed files with 10 additions and 64 deletions

View File

@ -5,7 +5,7 @@
<span class="fill-remaining-space"></span> <span class="fill-remaining-space"></span>
</md-toolbar> </md-toolbar>
<md-sidenav-container class="sidenav-container" (window:resize)="onResize($event.target.innerWidth)"> <md-sidenav-container class="sidenav-container">
<md-sidenav #sidenav class="sidenav" [opened]="isSideBySide" [mode] = "isSideBySide ? 'side' : 'over'"> <md-sidenav #sidenav class="sidenav" [opened]="isSideBySide" [mode] = "isSideBySide ? 'side' : 'over'">
<aio-top-menu *ngIf="!isSideBySide" class="small" [nodes]="(navigationViews | async)?.TopBar" [homeImageUrl]="homeImageUrl"></aio-top-menu> <aio-top-menu *ngIf="!isSideBySide" class="small" [nodes]="(navigationViews | async)?.TopBar" [homeImageUrl]="homeImageUrl"></aio-top-menu>

View File

@ -1,53 +0,0 @@
.fill-remaining-space {
flex: 1 1 auto;
}
.hamburger {
transition-duration: 150ms;
transition-property: background-color, color;
transition-timing-function: ease-in-out;
&:hover {
background-color: #fdfdfd;
color:#00bcd4;
}
}
md-input-container {
margin-left: 10px;
input {
min-width:200px;
}
}
.md-input-element {
font-size: 70%;
font-style: italic;
}
@media (max-width: 600px) {
aio-menu {
display: none;
}
}
.sidenav-container {
width: 100%;
height: 100vh;
}
.sidenav-content {
height: 100%;
width: 100%;
margin: auto;
padding: 1rem;
}
.sidenav-content button {
min-width: 50px;
}
.sidenav {
padding: 0;
min-width: 220px;
}

View File

@ -14,7 +14,6 @@ export interface SearchArea {
@Component({ @Component({
selector: 'aio-search-results', selector: 'aio-search-results',
templateUrl: './search-results.component.html', templateUrl: './search-results.component.html',
styleUrls: ['./search-results.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush changeDetection: ChangeDetectionStrategy.OnPush
}) })
export class SearchResultsComponent implements OnInit { export class SearchResultsComponent implements OnInit {

View File

@ -21,6 +21,8 @@
sizes="16x16"> sizes="16x16">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Droid+Sans+Mono" rel="stylesheet">
<!-- Google Analytics --> <!-- Google Analytics -->
<script> <script>
@ -32,8 +34,6 @@
<script async src='https://www.google-analytics.com/analytics.js'></script> <script async src='https://www.google-analytics.com/analytics.js'></script>
<!-- End Google Analytics --> <!-- End Google Analytics -->
<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Droid+Sans+Mono" rel="stylesheet">
</head> </head>
<body> <body>

View File

@ -1,7 +1,7 @@
.sidenav-content { .sidenav-content {
padding: 1rem 3rem; padding: 1rem 3rem;
height: 100vh; height: 100vh;
margin: auto; margin: auto;
} }
.fill-remaining-space { .fill-remaining-space {

View File

@ -43,10 +43,10 @@
/************************************/ /************************************/
.mat-sidenav.sidenav { .mat-sidenav.sidenav {
box-shadow: 6px 0 6px rgba(0,0,0,0.10); box-shadow: 6px 0 6px rgba(0,0,0,0.10);
background-color: $offwhite; background-color: $offwhite;
padding: 10px 0px 0px; padding: 10px 0px 0px;
min-width: 220px; min-width: 220px;
} }
.vertical-menu-item { .vertical-menu-item {