light9 Changeset - 286a34d9ccba

Changeset - 286a34d9ccba

Parent rev.

Child rev.

[Not reviewed]

default

0 4 0

drewp@bigasterisk.com - 6 years ago 2019-06-10 23:36:54
drewp@bigasterisk.com

vidref videos fill browser width
Ignore-this: 8a8acb7d8963706acb6ec895f7c94ae9

4 files changed with 11 insertions and 3 deletions:

light9/vidref/index.html

light9/web/light9-vidref-replay-stack.js

light9/web/light9-vidref-replay.js

light9/web/timeline/timeline-elements.html

0 comments (0 inline, 0 general)

light9/vidref/index.html

➞

Show inline comments

@@ @@ -11,12 +11,17 @@ @@
     </script>
     <script src="/websocket.js"></script>
     <script type="module" src="/light9-vidref-live.js"></script>
     <script type="module" src="/light9-vidref-replay-stack.js"></script>
   </head>
   <body>
     <style>
      #rs {
          width: 100%;
+     }
     </style>
     <h1>vidref</h1>
     <div>
       <light9-vidref-live></light9-vidref-live>
     </div>
     <light9-vidref-replay-stack id="rs"></light9-vidref-replay-stack>
     <div class="keys">Keys:

light9/web/light9-vidref-replay-stack.js

➞

Show inline comments

@@ @@ -145,12 +145,15 @@ class Light9VidrefReplayStack extends Li @@
         a {
             color: rgb(97, 97, 255);
+        }
         #songTime {
             font-size: 27px;
+        }
         light9-vidref-replay {
             margin: 5px;
+        }
         `;
+    }
     render() {
         const songTimeRange = this.size != "small" ? html`<input id="songTime" type="range"
            .value="${this.songTime}"

light9/web/light9-vidref-replay.js

➞

Show inline comments

@@ @@ -84,13 +84,12 @@ class Light9VidrefReplay extends LitElem @@
         });
+    }
     static get styles() {
         return css`
         :host {
             margin: 5px;
             border: 2px solid #46a79f;
             display: flex;
             flex-direction: column;
+        }
         div {
             padding: 5px;
@@ @@ -100,14 +99,14 @@ class Light9VidrefReplay extends LitElem @@
             width: 4em;
             color: #29ffa0;
+        }
         a {
             color: rgb(97, 97, 255);
+        }
         video.size-small {
           width: 60%;
         video {
           width: 100%;
+        }
         `;
+    }
     render() {
         let details = '';

light9/web/timeline/timeline-elements.html

➞

Show inline comments

@@ @@ -54,12 +54,13 @@ @@
          font-size: 125%;
          height: 15px;
+     }
      light9-vidref-replay-stack {
              position: absolute;
              bottom: 10px;
              width: 50%;
              background: gray;
              box-shadow: 6px 10px 12px #0000006b;
              display: inline-block;
+     }
     </style>
     <div>

0 comments (0 inline, 0 general)