thomas/lovelace-slider-entity-row
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Increase unlickable area slightly.

Browse Source
This commit is contained in:
Thomas Lovén 2019-03-08 15:47:39 +01:00
parent f854dae042
commit 4bc7874546
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
slider-entity-row.js
View File

@ -6,6 +6,7 @@ class SliderEntityRow extends Polymer.Element {
.flex { .flex {
display: flex; display: flex;
align-items: center; align-items: center;
height: 40px;
} }
.state { .state {
min-width: 45px; min-width: 45px;
@ -25,7 +26,7 @@ class SliderEntityRow extends Polymer.Element {
`; `;
const input = Polymer.html` const input = Polymer.html`
<div> <div on-click="stopPropagation">
<div class="flex"> <div class="flex">
<template is="dom-if" if="{{displaySlider}}"> <template is="dom-if" if="{{displaySlider}}">
<ha-slider <ha-slider
@ -35,17 +36,16 @@ class SliderEntityRow extends Polymer.Element {
step="{{step}}" step="{{step}}"
pin pin
on-change="selectedValue" on-change="selectedValue"
on-click="stopPropagation"
ignore-bar-touch ignore-bar-touch
></ha-slider> ></ha-slider>
<template is="dom-if" if="{{displayValue}}"> <template is="dom-if" if="{{displayValue}}">
<span class="state" on-click="stopPropagation"> <span class="state">
[[statusString(stateObj)]] [[statusString(stateObj)]]
</span> </span>
</template> </template>
</template> </template>
<template is="dom-if" if="{{displayToggle}}"> <template is="dom-if" if="{{displayToggle}}">
<span class="toggle" on-click="stopPropagation"> <span class="toggle">
<ha-entity-toggle <ha-entity-toggle
state-obj="[[stateObj]]" state-obj="[[stateObj]]"
hass="[[_hass]]" hass="[[_hass]]"