demo: Make open-modal kebab-case
This commit is contained in:
parent
d8ed2f0d01
commit
c2354c1a30
|
@ -158,7 +158,7 @@ body {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
#openModal {
|
#open-modal {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
|
@ -39,15 +39,15 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
 
|
 
|
||||||
<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>
|
||||||
|
|
|
@ -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"),
|
||||||
|
|
Loading…
Reference in New Issue