Mercurial > code > home > repos > light9

annotate web/timeline/inline-attrs.html @ 2376:4556eebe5d73

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
topdir reorgs; let pdm have its src/ dir; separate vite area from light9/
author drewp@bigasterisk.com
date Sun, 12 May 2024 19:02:10 -0700
parents light9/web/timeline/inline-attrs.html@d6b7567e8d19
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1717
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
1 <link rel="import" href="/lib/polymer/polymer-element.html">
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
2 <link rel="import" href="../light9-color-picker.html">
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
3 <link rel="import" href="../edit-choice.html">
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
4
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
5 <!-- sometimes we draw attrs within the shape of a note. -->
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
6 <dom-module id="light9-timeline-note-inline-attrs">
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
7 <template>
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
8 <style>
1743
92104dcd33e2 finish mouse event routing. inlineAttrs display again.
Drew Perttula <drewp@bigasterisk.com>
parents: 1717
diff changeset
9 :host {
1717
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
10 position: absolute;
1743
92104dcd33e2 finish mouse event routing. inlineAttrs display again.
Drew Perttula <drewp@bigasterisk.com>
parents: 1717
diff changeset
11
92104dcd33e2 finish mouse event routing. inlineAttrs display again.
Drew Perttula <drewp@bigasterisk.com>
parents: 1717
diff changeset
12 display: block;
1717
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
13 overflow: hidden;
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
14 background: rgba(19, 19, 19, 0.65);
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
15 border-radius: 6px;
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
16 border: 1px solid #313131;
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
17 padding: 3px;
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
18 z-index: 2;
1743
92104dcd33e2 finish mouse event routing. inlineAttrs display again.
Drew Perttula <drewp@bigasterisk.com>
parents: 1717
diff changeset
19 color: white;
1717
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
20 }
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
21 </style>
1743
92104dcd33e2 finish mouse event routing. inlineAttrs display again.
Drew Perttula <drewp@bigasterisk.com>
parents: 1717
diff changeset
22
1717
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
23 <div>note [[noteLabel]] <button on-click="onDel">del</button></div>
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
24 <table>
1746
84adc69fdf8a fix inlineattrs setup and effect editing
Drew Perttula <drewp@bigasterisk.com>
parents: 1745
diff changeset
25 <tr><th>effect:</th><td><edit-choice id="effect" graph="{{graph}}" uri="{{effectStr}}"></edit-choice></td></tr>
1717
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
26 <tr><th>colorScale:</th><td>
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
27 <light9-color-picker color="{{colorScale}}"></light9-color-picker>
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
28 </td></tr>
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
29 </table>
1962
d6b7567e8d19 testing image effect graphics on timeline
Drew Perttula <drewp@bigasterisk.com>
parents: 1746
diff changeset
30 <img src="/show/dance2019/anim/rainbow1.png">
1717
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
31 </template>
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
32 <script src="inline-attrs.js"></script>
5aa9ed11d374 extract inline-attrs
Drew Perttula <drewp@bigasterisk.com>
parents:
diff changeset
33 </dom-module>