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

View File

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

View File

@ -39,15 +39,15 @@
</div>
</div>
&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 id="main" aria-label="Select a demo or drag an SWF">
<div id="overlay" class="hidden"></div>
</div>
<div id="metadataModal" class="modal">
<div id="metadata-modal" class="modal">
<div class="modal-content">
<span class="close" id="closeModal">×</span>
<span class="close" id="close-modal">×</span>
<table id="metadata">
<tr>
<td>Uncompressed Length</td>

View File

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