jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-08-02 05:57:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix filtering attributes (#6394)

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ha-attributes.ts
View File

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

4
src/components/ha-labeled-slider.js
View File

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

30
src/dialogs/more-info/controls/more-info-light.js
View File

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