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

Fixup styling of config entries (#1020)

Browse Source 
* Fixup styling of config entries

Fixup the (temporary) styling of config entries by not using `paper-item`,
which made entries clickable / focusable

* Missed dependency
This commit is contained in:
Marc Khouri 2018-03-23 02:16:50 -04:00 committed by Paulus Schoutsen
parent 399d14a5e0
commit 6ee9808d42
1 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
panels/config/config-entries/ha-config-entries.html
View File

@ -1,6 +1,7 @@
<link rel="import" href='../../../bower_components/polymer/polymer-element.html'>
<link rel='import' href='../../../bower_components/paper-button/paper-button.html'>
<link rel='import' href='../../../bower_components/paper-card/paper-card.html'>
<link rel='import' href='../../../bower_components/paper-item/paper-item-body.html'>
<link rel='import' href='../../../bower_components/iron-flex-layout/iron-flex-layout-classes.html'>
<link rel='import' href='../../../src/util/hass-mixins.html'>
@ -21,6 +22,10 @@
paper-card:last-child {
margin-top: 12px;
}
.config-entry-row {
display: flex;
padding: 0 16px;
}
</style>
<hass-subpage title='Integrations'>
@ -29,12 +34,12 @@
<span slot='header'>In Progress</span>
<paper-card>
<template is='dom-repeat' items='[[_progress]]'>
<paper-item>
<div class='config-entry-row'>
<paper-item-body>
[[_computeIntegrationTitle(localize, item.domain)]]
</paper-item-body>
<paper-button on-click='_continueFlow'>Configure</paper-button>
</paper-item>
</div>
</template>
</paper-card>
</ha-config-section>
@ -44,14 +49,14 @@
<span slot='header'>Configured</span>
<paper-card>
<template is='dom-if' if='[[!_entries.length]]'>
<paper-item>
<div class='config-entry-row'>
<paper-item-body>
Nothing configured yet
</paper-item-body>
</paper-item>
</div>
</template>
<template is='dom-repeat' items='[[_entries]]'>
<paper-item>
<div class='config-entry-row'>
<paper-item-body three-line>
[[item.title]]
<div secondary>Integration: [[_computeIntegrationTitle(localize, item.domain)]]</div>
@ -59,7 +64,7 @@
<div secondary>State: [[item.state]]</div>
</paper-item-body>
<paper-button on-click='_removeEntry'>Remove</paper-button>
</paper-item>
</div>
</template>
</paper-card>
</ha-config-section>
@ -68,12 +73,12 @@
<span slot='header'>Available</span>
<paper-card>
<template is='dom-repeat' items='[[_handlers]]'>
<paper-item>
<div class='config-entry-row'>
<paper-item-body>
[[_computeIntegrationTitle(localize, item)]]
</paper-item-body>
<paper-button on-click='_createFlow'>Configure</paper-button>
</paper-item>
</div>
</template>
</paper-card>
</ha-config-section>