jeans/core
jeans/core
1
0
Fork 0
mirror of https://github.com/home-assistant/core.git synced 2025-07-23 13:17:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Polymer 1.0: Clean up state badge

Browse Source
This commit is contained in:
Paulus Schoutsen 2015-05-27 22:47:11 -07:00
parent cf7a1392ac
commit 1cdd5db29f
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
homeassistant/components/frontend/www_static/polymer/components/state-badge.html
View File

@ -1,9 +1,9 @@
<link rel="import" href="../bower_components/polymer/polymer.html"> <link rel='import' href='../bower_components/polymer/polymer.html'>
<link rel="import" href="../bower_components/iron-image/iron-image.html"> <link rel='import' href='../bower_components/iron-image/iron-image.html'>
<link rel="import" href="domain-icon.html"> <link rel='import' href='domain-icon.html'>
<dom-module id="state-badge"> <dom-module id='state-badge'>
<style> <style>
:host { :host {
position: relative; position: relative;
@ -12,7 +12,6 @@
background-color: #4fc3f7; background-color: #4fc3f7;
color: white; color: white;
border-radius: 50%; border-radius: 50%;
transition: all .3s ease-in-out;
} }
div { div {
@ -26,6 +25,7 @@
domain-icon { domain-icon {
margin: 0 auto; margin: 0 auto;
transition: color .3s ease-in-out;
} }
/* Color the icon if light or sun is on */ /* Color the icon if light or sun is on */
@ -38,14 +38,14 @@
<template> <template>
<div class='layout horizontal center'> <div class='layout horizontal center'>
<domain-icon id="icon" <domain-icon id='icon'
domain="[[stateObj.domain]]" data-domain="[[stateObj.domain]]" domain='[[stateObj.domain]]' data-domain$='[[stateObj.domain]]'
state="[[stateObj.state]]" data-state="[[stateObj.state]]"> state='[[stateObj.state]]' data-state$='[[stateObj.state]]'>
</domain-icon> </domain-icon>
<template is='dom-if' if="[[stateObj.attributes.entity_picture]]"> <template is='dom-if' if='[[stateObj.attributes.entity_picture]]'>
<iron-image <iron-image
sizing="cover" class='fit' sizing='cover' class='fit'
src="[[stateObj.attributes.entity_picture]]"></iron-image> src$="[[stateObj.attributes.entity_picture]]"></iron-image>
</template> </template>
</div> </div>
</template> </template>