Put set state in expansion panel (#10845)

This commit is contained in:
Bram Kragten 2021-12-09 22:38:27 +01:00 committed by GitHub
parent 919bf94a03
commit 60c7669d8f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -18,6 +18,7 @@ import "../../../components/ha-code-editor";
import "../../../components/ha-icon-button"; import "../../../components/ha-icon-button";
import "../../../components/ha-svg-icon"; import "../../../components/ha-svg-icon";
import "../../../components/ha-checkbox"; import "../../../components/ha-checkbox";
import "../../../components/ha-expansion-panel";
import { showAlertDialog } from "../../../dialogs/generic/show-dialog-box"; import { showAlertDialog } from "../../../dialogs/generic/show-dialog-box";
import { EventsMixin } from "../../../mixins/events-mixin"; import { EventsMixin } from "../../../mixins/events-mixin";
import LocalizeMixin from "../../../mixins/localize-mixin"; import LocalizeMixin from "../../../mixins/localize-mixin";
@ -40,6 +41,10 @@ class HaPanelDevState extends EventsMixin(LocalizeMixin(PolymerElement)) {
padding: 16px; padding: 16px;
} }
ha-expansion-panel {
margin: 0 8px 16px;
}
.inputs { .inputs {
width: 100%; width: 100%;
max-width: 400px; max-width: 400px;
@ -135,7 +140,10 @@ class HaPanelDevState extends EventsMixin(LocalizeMixin(PolymerElement)) {
padding: 0; padding: 0;
} }
</style> </style>
<h1>
[[localize('ui.panel.developer-tools.tabs.states.current_entities')]]
</h1>
<ha-expansion-panel header="Set state">
<p> <p>
[[localize('ui.panel.developer-tools.tabs.states.description1')]]<br /> [[localize('ui.panel.developer-tools.tabs.states.description1')]]<br />
[[localize('ui.panel.developer-tools.tabs.states.description2')]] [[localize('ui.panel.developer-tools.tabs.states.description2')]]
@ -197,10 +205,7 @@ class HaPanelDevState extends EventsMixin(LocalizeMixin(PolymerElement)) {
</template> </template>
</div> </div>
</div> </div>
</ha-expansion-panel>
<h1>
[[localize('ui.panel.developer-tools.tabs.states.current_entities')]]
</h1>
<div class="table-wrapper"> <div class="table-wrapper">
<table class="entities"> <table class="entities">
<tr> <tr>