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

prevent state display line-wrapping (#932)

Browse Source 
* prevent state display line-wrapping
Only for applies to default statecards (state-card-display), not for
component specific statecards.

* compute class names function

* apply style to calculated class

* var -> const
This commit is contained in:
NovapaX 2018-02-27 07:10:05 +01:00 committed by Paulus Schoutsen
parent 294dec59a7
commit 44c325a929
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/state-summary/state-card-display.html
View File

@ -18,11 +18,14 @@
text-align: right;
line-height: 40px;
}
.state.has-unit_of_measurement {
white-space: nowrap;
}
</style>
<div class='horizontal justified layout'>
<state-info state-obj="[[stateObj]]" in-dialog='[[inDialog]]'></state-info>
<div class='state'>[[computeStateDisplay(localize, stateObj, language)]]</div>
<div class$='[[computeClassNames(stateObj)]]'>[[computeStateDisplay(localize, stateObj, language)]]</div>
</div>
</template>
</dom-module>
@ -45,6 +48,14 @@ class StateCardDisplay extends window.hassMixins.LocalizeMixin(Polymer.Element)
computeStateDisplay(localize, stateObj, language) {
return window.hassUtil.computeStateDisplay(localize, stateObj, language);
}
computeClassNames(stateObj) {
const classes = [
'state',
window.hassUtil.attributeClassNames(stateObj, ['unit_of_measurement']),
];
return classes.join(' ');
}
}
customElements.define(StateCardDisplay.is, StateCardDisplay);
</script>