google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add actual header bar to dashboard template

master
Alexander Surma 2015-06-26 14:12:22 +01:00
parent 1e66399ee4
commit e4daee933a
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
templates/dashboard/index.html
View File

@ -43,7 +43,7 @@
</style> </style>
</head> </head>
<body> <body>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer mdl-layout--overlay-drawer-button"> <div class="demo-layout mdl-layout mdl-js-layout mdl-layout--fixed-drawer mdl-layout--fixed-header">
<header class="mdl-layout__header mdl-color--white mdl-color--grey-100 mdl-color-text--grey-600"> <header class="mdl-layout__header mdl-color--white mdl-color--grey-100 mdl-color-text--grey-600">
<div class="mdl-layout__header-row"> <div class="mdl-layout__header-row">
<div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable"> <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable">

6
templates/dashboard/styles.css
View File

@ -25,6 +25,12 @@ html, body {
overflow: visible; overflow: visible;
width: 256px; width: 256px;
} }
.demo-layout .mdl-layout__header .mdl-layout__drawer-button {
color: rgba(0, 0, 0, 0.54);
}
.demo-layout .mdl-layout__header .mdl-layout__header-row {
padding-left: 40px;
}
.mdl-layout__drawer .avatar { .mdl-layout__drawer .avatar {
margin-bottom: 16px; margin-bottom: 16px;
} }