Fix filtering attributes (#6394)

This commit is contained in:
Bram Kragten 2020-07-15 15:34:18 +02:00 committed by GitHub
parent 9ad9c569a6
commit 9c42ca0315
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 26 deletions

View File

@ -17,7 +17,7 @@ let jsYamlPromise: Promise<typeof import("js-yaml")>;
class HaAttributes extends LitElement {
@property() public stateObj?: HassEntity;
@property() public extraFilters?: string;
@property({ attribute: "extra-filters" }) public extraFilters?: string;
protected render(): TemplateResult {
if (!this.stateObj) {

View File

@ -15,7 +15,7 @@ class HaLabeledSlider extends PolymerElement {
.title {
margin-bottom: 16px;
opacity: var(--dark-primary-opacity);
color: var(--secondary-text-color);
}
.slider-container {
@ -24,7 +24,7 @@ class HaLabeledSlider extends PolymerElement {
ha-icon {
margin-top: 4px;
opacity: var(--dark-secondary-opacity);
color: var(--secondary-text-color);
}
ha-paper-slider {

View File

@ -68,26 +68,15 @@ class MoreInfoLight extends LocalizeMixin(EventsMixin(PolymerElement)) {
}
.segmentationButton {
display: none;
position: absolute;
top: 11%;
top: 5%;
transform: translate(0%, 0%);
padding: 0px;
max-height: 0px;
width: 23px;
height: 23px;
opacity: var(--dark-secondary-opacity);
overflow: hidden;
transition: max-height 0.5s ease-in;
color: var(--secondary-text-color);
}
.has-color.is-on .segmentationContainer .segmentationButton {
position: absolute;
top: 11%;
transform: translate(0%, 0%);
width: 23px;
height: 23px;
padding: 0px;
opacity: var(--dark-secondary-opacity);
.has-color.is-on .segmentationButton {
display: inline-block;
}
.has-effect_list.is-on .effect_list,
@ -108,11 +97,6 @@ class MoreInfoLight extends LocalizeMixin(EventsMixin(PolymerElement)) {
padding-top: 16px;
}
.has-color.is-on .segmentationButton {
max-height: 100px;
overflow: visible;
}
.has-color.is-on ha-color-picker {
max-height: 500px;
overflow: visible;
@ -189,7 +173,7 @@ class MoreInfoLight extends LocalizeMixin(EventsMixin(PolymerElement)) {
<ha-icon-button
icon="mdi:palette"
on-click="segmentClick"
class="control segmentationButton"
class="segmentationButton"
></ha-icon-button>
</div>
@ -217,7 +201,7 @@ class MoreInfoLight extends LocalizeMixin(EventsMixin(PolymerElement)) {
<ha-attributes
state-obj="[[stateObj]]"
extra-filters="brightness,color_temp,white_value,effect_list,effect,hs_color,rgb_color,xy_color,min_mireds,max_mireds"
extra-filters="brightness,color_temp,white_value,effect_list,effect,hs_color,rgb_color,xy_color,min_mireds,max_mireds,entity_id"
></ha-attributes>
</div>
`;