light9 Changeset - b5dc4f1c4a83

Changeset - b5dc4f1c4a83

Parent rev.

Child rev.

[Not reviewed]

default

0 2 0

Drew Perttula - 6 years ago 2019-06-09 07:27:44
drewp@bigasterisk.com

more compact device boxes on live page
Ignore-this: eeb323899eb939e571d40a0d719da2ae

2 files changed with 5 insertions and 3 deletions:

light9/web/light9-color-picker.html

light9/web/live/elements.html

0 comments (0 inline, 0 general)

light9/web/light9-color-picker.html

➞

Show inline comments

@@ @@ -63,32 +63,32 @@ @@
   <template>
     <style>
      :host {
          position: relative;
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          user-select: none;
+     }
      #swatch {
          display: inline-block;
-         width: 150px;
+         width: 50px;
          height: 30px;
          margin-right: 3px;
          border: 1px solid #333;
+     }
      paper-slider {
-         width: 170px;
+         width: 160px;
+     }
      #vee {
          display: flex;
          align-items: center;
+     }
      #outOfBounds {
          user-select: none;
          z-index: 1;
          background: #00000060;
          position: fixed;

light9/web/live/elements.html

➞

Show inline comments

@@ @@ -146,41 +146,43 @@ @@
 <dom-module id="light9-live-device-control">
   <template>
     <style>
      :host {
          display: inline-block;
+     }
      .device {
          border: 2px solid #151e2d;
          margin: 4px;
          padding: 1px;
          background: #171717;  /* deviceClass gradient added later */
          break-inside: avoid-column;
-         width: 445px;
+         width: 335px;
+     }
      .deviceAttr {
          border-top: 1px solid #272727;
          padding-bottom: 2px;
          display: flex;
+     }
      .deviceAttr > span {
+     }
      .deviceAttr > light9-live-control {
          flex-grow: 1;
+     }
      h2 {
          font-size: 110%;
          padding: 4px;
          margin-top: 0;
          margin-bottom: 0;
+     }
      .device, h2 {
          border-top-right-radius: 15px;
+     }
      #mainLabel {
          font-size: 120%;
          color: #9ab8fd;
          text-decoration: initial;
+     }
      .device.selected h2 {
          outline: 3px solid #ffff0047;

0 comments (0 inline, 0 general)