Move light brightness below icon (#3607)

* Move light brightness below icon

Closes https://github.com/home-assistant/home-assistant-polymer/issues/3606

* remove border and white text coloring
This commit is contained in:
Ian Richardson 2019-09-04 14:57:07 -05:00 committed by Paulus Schoutsen
parent 0008a100f4
commit 2a596666c8

View File

@ -195,9 +195,6 @@ export class HuiLightCard extends LitElement implements LovelaceCard {
ha-card {
position: relative;
overflow: hidden;
--brightness-font-color: white;
--brightness-font-text-shadow: -1px -1px 0 #000, 1px -1px 0 #000,
-1px 1px 0 #000, 1px 1px 0 #000;
--name-font-size: 1.2rem;
--brightness-font-size: 1.2rem;
--rail-border-color: transparent;
@ -290,15 +287,13 @@ export class HuiLightCard extends LitElement implements LovelaceCard {
position: absolute;
margin: 0 auto;
left: 50%;
top: 10%;
top: 50%;
transform: translate(-50%);
opacity: 0;
transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
cursor: pointer;
color: var(--brightness-font-color);
text-shadow: var(--brightness-font-text-shadow);
pointer-events: none;
}