jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-18 14:56:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Zone: Header hovers over content on scroll

Browse Source
This commit is contained in:
Paulus Schoutsen 2015-08-23 19:35:49 -07:00
parent a82624e113
commit 160061d084
1 changed files with 7 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/layouts/partial-zone.html
View File

@ -1,5 +1,5 @@
<link rel="import" href="../../bower_components/polymer/polymer.html"> <link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../../bower_components/paper-header-panel/paper-header-panel.html">
<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html"> <link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="../components/ha-voice-command-progress.html"> <link rel="import" href="../components/ha-voice-command-progress.html">
@ -7,19 +7,12 @@
<dom-module id="partial-zone"> <dom-module id="partial-zone">
<style> <style>
.root { :host {
position: absolute; display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.content-wrapper {
overflow: scroll;
background-color: #E5E5E5; background-color: #E5E5E5;
} }
.content-wrapper ::content .listening { .content .listening {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -36,7 +29,7 @@
</style> </style>
<template> <template>
<div class='root layout vertical'> <paper-header-panel mode="waterfall">
<paper-toolbar> <paper-toolbar>
<paper-icon-button icon='menu' hidden$='[[!narrow]]' on-tap='toggleMenu'></paper-icon-button> <paper-icon-button icon='menu' hidden$='[[!narrow]]' on-tap='toggleMenu'></paper-icon-button>
<div class='title'>States</div> <div class='title'>States</div>
@ -52,7 +45,7 @@
on-click="handleListenClick"></paper-icon-button> on-click="handleListenClick"></paper-icon-button>
</paper-toolbar> </paper-toolbar>
<div class='content-wrapper flex'> <div class='content fit'>
<div class='listening' hidden$="[[!showListenInterface]]" <div class='listening' hidden$="[[!showListenInterface]]"
on-click="handleListenClick"> on-click="handleListenClick">
<ha-voice-command-progress></ha-voice-command-progress> <ha-voice-command-progress></ha-voice-command-progress>
@ -60,7 +53,7 @@
<ha-zone-cards states='[[states]]' columns='[[columns]]'></ha-zone-cards> <ha-zone-cards states='[[states]]' columns='[[columns]]'></ha-zone-cards>
</div> </div>
</div> </paper-header-panel>
</template> </template>
</dom-module> </dom-module>