Changeset - 86b53e1e7e52
[Not reviewed]
default
0 1 0
drewp@bigasterisk.com - 7 years ago 2018-06-08 10:11:13
drewp@bigasterisk.com
disable dev on-click events, since i think they were making the sliders get jammed
Ignore-this: b537e9579459c573d0573dd7356aeb78
1 file changed with 2 insertions and 2 deletions:
0 comments (0 inline, 0 general)
light9/web/live/elements.html
Show inline comments
 
@@ -166,54 +166,54 @@
 
     .deviceAttr > light9-live-control {
 
         flex-grow: 1;
 
     }
 
     h2 {
 
         font-size: 110%;
 
         padding: 4px;
 
     }
 
     .device, h2 {
 
         border-top-right-radius: 15px;
 
     }
 

	
 
     #mainLabel {
 
         font-size: 120%; 
 
         color: #9ab8fd;
 
         text-decoration: initial;
 
     }
 
     .device.selected h2 {
 
         outline: 3px solid #ffff0047;
 
     }
 
     .deviceAttr.selected {
 
         background: #cada1829;
 
     }
 
    </style>
 
    <div class$="device {{devClasses}}">
 
      <h2 style$="[[bgStyle]]" on-click="onClick">
 
      <h2 style$="[[bgStyle]]" xon-click="onClick">
 
        <resource-display id="mainLabel" graph="{{graph}}" uri="{{uri}}"></resource-display>
 
        a <resource-display minor graph="{{graph}}" uri="{{deviceClass}}"></resource-display>
 
      </h2>
 
      <template is="dom-repeat" items="{{deviceAttrs}}" as="dattr">
 
        <div on-click="onAttrClick" class$="deviceAttr {{dattr.attrClasses}}">
 
        <div xon-click="onAttrClick" class$="deviceAttr {{dattr.attrClasses}}">
 
          <span>attr <resource-display minor graph="{{graph}}" uri="{{dattr.uri}}"></resource-display></span>
 
          <light9-live-control
 
            graph="{{graph}}"
 
            device="{{uri}}"
 
            device-attr-row="{{dattr}}"
 
            effect="{{effect}}"
 
            graph-to-controls="{{graphToControls}}"
 
          ></light9-live-control>
 
        </div>
 
      </template>
 
    </div>
 
  </template>
 
</dom-module>
 

	
 
<dom-module id="light9-live-controls">
 
  <template>
 
    <style>
 
     :host {
 
         display: flex;
 
         flex-direction: column;
 
     }
 
     #preview {
 
         width: 100%;
 
     }
0 comments (0 inline, 0 general)