liangsheng8708
/
ruffle
mirror of https://mirror.ghproxy.com/https://github.com/ruffle-rs/ruffle.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

demo: Make open-modal kebab-case

This commit is contained in:
Daniel Jacobs 2022-08-16 15:44:53 -04:00 committed by Mike Welsh
parent d8ed2f0d01
commit c2354c1a30
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/packages/demo/www/index.css
View File

@ -158,7 +158,7 @@ body {
cursor: pointer; cursor: pointer;
} }
#openModal { #open-modal {
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
} }

6
web/packages/demo/www/index.html
View File

@ -39,15 +39,15 @@
</div> </div>
</div> </div>
&emsp; &emsp;
<svg width="20px" id="openModal" viewBox="0 0 416.979 416.979"><path fill="white" d="M356.004 61.156c-81.37-81.47-213.377-81.551-294.848-.182-81.47 81.371-81.552 213.379-.181 294.85 81.369 81.47 213.378 81.551 294.849.181 81.469-81.369 81.551-213.379.18-294.849zM237.6 340.786a5.821 5.821 0 0 1-5.822 5.822h-46.576a5.821 5.821 0 0 1-5.822-5.822V167.885a5.821 5.821 0 0 1 5.822-5.822h46.576a5.82 5.82 0 0 1 5.822 5.822v172.901zm-29.11-202.885c-18.618 0-33.766-15.146-33.766-33.765 0-18.617 15.147-33.766 33.766-33.766s33.766 15.148 33.766 33.766c0 18.619-15.149 33.765-33.766 33.765z"/></g></svg> <svg width="20px" id="open-modal" viewBox="0 0 416.979 416.979"><path fill="white" d="M356.004 61.156c-81.37-81.47-213.377-81.551-294.848-.182-81.47 81.371-81.552 213.379-.181 294.85 81.369 81.47 213.378 81.551 294.849.181 81.469-81.369 81.551-213.379.18-294.849zM237.6 340.786a5.821 5.821 0 0 1-5.822 5.822h-46.576a5.821 5.821 0 0 1-5.822-5.822V167.885a5.821 5.821 0 0 1 5.822-5.822h46.576a5.82 5.82 0 0 1 5.822 5.822v172.901zm-29.11-202.885c-18.618 0-33.766-15.146-33.766-33.765 0-18.617 15.147-33.766 33.766-33.766s33.766 15.148 33.766 33.766c0 18.619-15.149 33.765-33.766 33.765z"/></g></svg>
</div> </div>
</div> </div>
<div id="main" aria-label="Select a demo or drag an SWF"> <div id="main" aria-label="Select a demo or drag an SWF">
<div id="overlay" class="hidden"></div> <div id="overlay" class="hidden"></div>
</div> </div>
<div id="metadataModal" class="modal"> <div id="metadata-modal" class="modal">
<div class="modal-content"> <div class="modal-content">
<span class="close" id="closeModal">×</span> <span class="close" id="close-modal">×</span>
<table id="metadata"> <table id="metadata">
<tr> <tr>
<td>Uncompressed Length</td> <td>Uncompressed Length</td>

6
web/packages/demo/www/index.js
View File

@ -17,9 +17,9 @@ const sampleFileInputContainer = document.getElementById(
const localFileInput = document.getElementById("local-file"); const localFileInput = document.getElementById("local-file");
const sampleFileInput = document.getElementById("sample-swfs"); const sampleFileInput = document.getElementById("sample-swfs");
const localFileName = document.getElementById("local-file-name"); const localFileName = document.getElementById("local-file-name");
const closeModal = document.getElementById("closeModal"); const closeModal = document.getElementById("close-modal");
const openModal = document.getElementById("openModal"); const openModal = document.getElementById("open-modal");
const metadataModal = document.getElementById("metadataModal"); const metadataModal = document.getElementById("metadata-modal");
// prettier-ignore // prettier-ignore
const optionGroups = { const optionGroups = {
"Animation": document.getElementById("anim-optgroup"), "Animation": document.getElementById("anim-optgroup"),