changeset 28:85c741b8130c

CSS hacks to vertically align contents of the sidenav centrally.
author Lucas Thompson <dev@lucas.im>
date Tue, 29 Nov 2016 11:58:25 +0000
parents a50f0b7a3da3
children 42c97f604d80
files src/app/app.component.css
diffstat 1 files changed, 5 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- a/src/app/app.component.css	Tue Nov 29 11:02:44 2016 +0000
+++ b/src/app/app.component.css	Tue Nov 29 11:58:25 2016 +0000
@@ -10,7 +10,10 @@
   text-align: center;
 }
 
-.md-tab-body {
-  background-color: black;
+md-tab-group {
+  height: calc(100vh - 64px); /* height of window minus the toolbar height*/
 }
 
+md-tab-group >>> .md-tab-body-wrapper {
+  align-items: center;
+}