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

@@ @@ -69,20 +69,20 @@ @@
          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;
+     }

light9/web/live/elements.html

➞

Show inline comments

@@ @@ -152,13 +152,13 @@ @@
      .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;
@@ @@ -169,12 +169,14 @@ @@
      .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 {

0 comments (0 inline, 0 general)