mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-08 18:06:36 +00:00
Fixup styling of config entries (#1020)
* 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:
parent
399d14a5e0
commit
6ee9808d42
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user