Mercurial > code > home > repos > light9

changeset 2021:286a34d9ccba

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
vidref videos fill browser width Ignore-this: 8a8acb7d8963706acb6ec895f7c94ae9
author drewp@bigasterisk.com
date Mon, 10 Jun 2019 23:36:54 +0000
parents dc742d72f8cb
children f5fbc6ec5f87
files light9/vidref/index.html light9/web/light9-vidref-replay-stack.js light9/web/light9-vidref-replay.js light9/web/timeline/timeline-elements.html
diffstat 4 files changed, 11 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- a/light9/vidref/index.html	Mon Jun 10 23:24:04 2019 +0000
+++ b/light9/vidref/index.html	Mon Jun 10 23:36:54 2019 +0000
@@ -14,6 +14,11 @@
     <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>
--- a/light9/web/light9-vidref-replay-stack.js	Mon Jun 10 23:24:04 2019 +0000
+++ b/light9/web/light9-vidref-replay-stack.js	Mon Jun 10 23:36:54 2019 +0000
@@ -148,6 +148,9 @@
         #songTime {
             font-size: 27px;
         }
+        light9-vidref-replay {
+            margin: 5px;
+        }
         `;
     }
     
--- a/light9/web/light9-vidref-replay.js	Mon Jun 10 23:24:04 2019 +0000
+++ b/light9/web/light9-vidref-replay.js	Mon Jun 10 23:36:54 2019 +0000
@@ -87,7 +87,6 @@
     static get styles() {
         return css`
         :host {
-            margin: 5px;
             border: 2px solid #46a79f;
             display: flex;
             flex-direction: column;
@@ -103,8 +102,8 @@
         a {
             color: rgb(97, 97, 255);
         }
-        video.size-small {
-          width: 60%;
+        video {
+          width: 100%;
         }
         `;
     }
--- a/light9/web/timeline/timeline-elements.html	Mon Jun 10 23:24:04 2019 +0000
+++ b/light9/web/timeline/timeline-elements.html	Mon Jun 10 23:36:54 2019 +0000
@@ -57,6 +57,7 @@
      light9-vidref-replay-stack {
              position: absolute;
              bottom: 10px;
+             width: 50%;
              background: gray;
              box-shadow: 6px 10px 12px #0000006b;
              display: inline-block;