d0zingcat/gocryptotrader
1
0
Fork 0
mirror of https://github.com/d0zingcat/gocryptotrader.git synced 2026-05-18 23:16:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixes navbar to top

Browse Source 
Fixes footer buttons for cards
This commit is contained in:
GloriousCode
2017-11-20 17:50:07 +11:00
parent 6d2aa311c8
commit a073d5c439
5 changed files with 34 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/package-lock.json generated
View File

@@ -8846,6 +8846,14 @@
"integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=",
"dev": true
},
"string_decoder": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.3.tgz",
"integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==",
"requires": {
"safe-buffer": "5.1.1"
}
},
"string-width": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
@@ -8857,14 +8865,6 @@
"strip-ansi": "3.0.1"
}
},
"string_decoder": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.3.tgz",
"integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==",
"requires": {
"safe-buffer": "5.1.1"
}
},
"stringstream": {
"version": "0.0.5",
"resolved": "https://registry.npmjs.org/stringstream/-/stringstream-0.0.5.tgz",
@@ -9363,8 +9363,7 @@
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz",
"integrity": "sha1-bgkk1r2mta/jSeOabWMoUKD4grc=",
"dev": true,
"optional": true
"dev": true
},
"uglifyjs-webpack-plugin": {
"version": "1.0.0",

2
web/src/app/app.component.html
View File

@@ -1,4 +1,4 @@
<app-navbar class="mat-elevation-z6"></app-navbar>
<app-navbar class="navbar"></app-navbar>
<mat-sidenav-container class="container ">
<mat-sidenav #sidenav mode="side" class="sidebar" opened="true">

5
web/src/app/app.component.scss
View File

@@ -10,16 +10,19 @@
min-width: 86%;
margin: 10px auto;
overflow-x: hidden;
margin-top:4rem;
}
.sidebar {
width: 14%;
position: fixed;
margin-top: 64px;
margin-top: 4rem;
}
.navbar {
position: fixed;
width: 100%;
z-index: 2;
}
.dashboard-highlight {

33
web/src/app/pages/dashboard/dashboard.component.html
View File

@@ -1,16 +1,16 @@
<mat-grid-list cols="3" rowHeight="300px">
<mat-grid-list cols="3" rowHeight="24rem">
<mat-grid-tile [colspan]="1" [rowspan]="2">
<mat-card class="full-card">
<mat-card-header>
<mat-card-title>Shiba Inu</mat-card-title>
<mat-card-subtitle>Dog Breed</mat-card-subtitle>
</mat-card-header>
<mat-card-content style="height:80%">
<mat-card-content>
HI
</mat-card-content>
<mat-card-actions>
<mat-card-footer>
<button mat-button>EXPAND</button>
</mat-card-actions>
</mat-card-footer>
</mat-card>
</mat-grid-tile>
<mat-grid-tile [colspan]="2" [rowspan]="1">
@@ -23,10 +23,9 @@
HI
</mat-card-content>
<mat-card-actions>
<mat-card-footer>
<button mat-button>EXPAND</button>
</mat-card-actions>
<mat-card-footer>lkasdjf; la</mat-card-footer>
</mat-card-footer>
</mat-card>
</mat-grid-tile>
<mat-grid-tile [colspan]="1" [rowspan]="1">
@@ -35,29 +34,27 @@
<mat-card-title>Shiba Inu</mat-card-title>
<mat-card-subtitle>Dog Breed</mat-card-subtitle>
</mat-card-header>
<mat-card-content style="height:80%">
<mat-card-content>
HI
</mat-card-content>
<mat-card-actions>
<mat-card-footer>
<button mat-button>EXPAND</button>
</mat-card-actions>
</mat-card-footer>
</mat-card>
</mat-grid-tile>
<mat-grid-tile [colspan]="1" [rowspan]="1">
<mat-card class="full-card">
<mat-card-header>
<mat-card-title>Shiba Inu</mat-card-title>
<mat-card-title>4 Inu</mat-card-title>
<mat-card-subtitle>Dog Breed</mat-card-subtitle>
</mat-card-header>
<mat-card-content style="height:80%">
<mat-card-content>
HI
</mat-card-content>
<mat-card-actions>
<mat-card-footer>
<button mat-button>EXPAND</button>
</mat-card-actions>
</mat-card-footer>
</mat-card>
</mat-grid-tile>
</mat-grid-list>
<app-all-enabled-currency-tickers></app-all-enabled-currency-tickers>
</mat-grid-list>

5
web/src/app/pages/dashboard/dashboard.component.scss
View File

@@ -6,4 +6,9 @@
::ng-deep mat-grid-tile.mat-grid-tile .mat-figure {
align-items: initial;
/*vertical alignment*/
}
.mat-card-footer {
position: absolute;
bottom: 24px;
}