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

Use paper-tabs while in edit mode (#7563)

Browse Source 
Co-authored-by: Bram Kragten <mail@bramkragten.nl>
This commit is contained in:
Ryan Meek 2020-11-01 16:04:52 -05:00 committed by GitHub
parent 3b91343082
commit 199e17d0b1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/panels/lovelace/hui-root.ts
View File

@ -17,6 +17,7 @@ import "@polymer/app-layout/app-header/app-header";
import "@polymer/app-layout/app-scroll-effects/effects/waterfall"; import "@polymer/app-layout/app-scroll-effects/effects/waterfall";
import "@polymer/app-layout/app-toolbar/app-toolbar"; import "@polymer/app-layout/app-toolbar/app-toolbar";
import "@polymer/paper-tabs/paper-tab"; import "@polymer/paper-tabs/paper-tab";
import "@polymer/paper-tabs/paper-tabs";
import { import {
css, css,
CSSResult, CSSResult,
@ -381,7 +382,7 @@ class HUIRoot extends LitElement {
${this._editMode ${this._editMode
? html` ? html`
<div sticky> <div sticky>
<ha-tabs <paper-tabs
scrollable scrollable
.selected="${this._curView}" .selected="${this._curView}"
@iron-activate="${this._handleViewSelected}" @iron-activate="${this._handleViewSelected}"
@ -461,7 +462,7 @@ class HUIRoot extends LitElement {
</mwc-icon-button> </mwc-icon-button>
` `
: ""} : ""}
</ha-tabs> </paper-tabs>
</div> </div>
` `
: ""} : ""}
@ -798,13 +799,17 @@ class HUIRoot extends LitElement {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin-left: 4px; margin-left: 4px;
}
paper-tabs {
margin-left: 12px;
margin-left: max(env(safe-area-inset-left), 12px);
margin-right: env(safe-area-inset-right);
}
ha-tabs, paper-tabs {
--paper-tabs-selection-bar-color: var(--text-primary-color, #fff); --paper-tabs-selection-bar-color: var(--text-primary-color, #fff);
text-transform: uppercase; text-transform: uppercase;
} }
.edit-mode ha-tabs {
margin-left: max(env(safe-area-inset-left), 24px);
margin-right: max(env(safe-area-inset-right), 24px);
}
.edit-mode { .edit-mode {
background-color: var(--dark-color, #455a64); background-color: var(--dark-color, #455a64);
color: var(--text-dark-color); color: var(--text-dark-color);