Mercurial > code > home > repos > video
comparison src/VideoPage.ts @ 22:ff73b95fc72f
frontend cleanups and improvements. this commit contains some future work too
author | drewp@bigasterisk.com |
---|---|
date | Mon, 17 Apr 2023 13:33:05 -0700 |
parents | b73941c4dc0a |
children | 1a9a8af1aa19 |
comparison
equal
deleted
inserted
replaced
21:111a41817968 | 22:ff73b95fc72f |
---|---|
1 import { LitElement, html, css, CSSResult, unsafeCSS } from "lit"; | 1 import { LitElement, css, html, unsafeCSS } from "lit"; |
2 import { customElement, property } from "lit/decorators.js"; | 2 import { customElement, property } from "lit/decorators.js"; |
3 import { PagePlayer } from "./PagePlayer"; | 3 import { PagePlayer, ShakaVideoElement } from "./PagePlayer"; |
4 import maincss from "./main.css?inline"; | |
5 export { PagePlayer } from "./PagePlayer"; | |
4 export { VideoSection } from "./VideoSection"; | 6 export { VideoSection } from "./VideoSection"; |
5 export { PagePlayer } from "./PagePlayer"; | |
6 import { ShakaVideoElement } from "./PagePlayer"; | |
7 | |
8 import maincss from "./main.css?inline"; | |
9 | 7 |
10 | 8 |
11 interface VideoFile { | 9 interface VideoFile { |
12 webRelPath: string; | 10 webRelPath: string; |
13 label: string; | 11 label: string; |
74 background: #4ea1bd21; | 72 background: #4ea1bd21; |
75 margin: 5px; | 73 margin: 5px; |
76 border-bottom-right-radius: 29px; | 74 border-bottom-right-radius: 29px; |
77 } | 75 } |
78 #scrim { | 76 #scrim { |
79 position: absolute; | 77 position: fixed; |
80 background: #000000b5; | 78 background: #000000b5; |
81 inset: 0; | 79 inset: 0; |
82 display: none; | 80 display: none; |
83 } | 81 } |
84 `, | 82 `, |