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

Light state badges will turn yellow when turned on

Browse Source
This commit is contained in:
Paulus Schoutsen 2014-10-31 00:15:22 -07:00
parent 7db8bc6423
commit 895ba6adbc
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
homeassistant/components/http/www_static/polymer/state-card.html
View File

@ -34,6 +34,10 @@
background-color: #039be5; background-color: #039be5;
} }
state-badge[data-state=on][data-domain=light] {
color: #fff176;
}
.name, .state.text { .name, .state.text {
text-transform: capitalize; text-transform: capitalize;
font-weight: 300; font-weight: 300;
@ -61,13 +65,11 @@
/* filling of circle when checked */ /* filling of circle when checked */
paper-toggle-button::shadow paper-radio-button::shadow #onRadio { paper-toggle-button::shadow paper-radio-button::shadow #onRadio {
background-color: #039be5; background-color: #039be5;
transition: background-color .2s;
} }
/* line when checked */ /* line when checked */
paper-toggle-button::shadow #toggleBar[checked] { paper-toggle-button::shadow #toggleBar[checked] {
background-color: #039be5; background-color: #039be5;
transition: background-color .2s;
} }
</style> </style>
@ -77,6 +79,8 @@
<state-badge <state-badge
domain="{{domain}}" domain="{{domain}}"
state="{{state}}" state="{{state}}"
data-domain="{{domain}}"
data-state="{{state}}"
on-click="{{editClicked}}"> on-click="{{editClicked}}">
</state-badge> </state-badge>