demo: Style the local file selector and sample file select
This commit is contained in:
parent
4ae5e89ea7
commit
f94a76a248
|
@ -102,6 +102,26 @@ body {
|
|||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#local-file {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#local-file-label {
|
||||
color: var(--ruffle-blue);
|
||||
padding: 3px 10px;
|
||||
margin: 5px 2px;
|
||||
cursor: pointer;
|
||||
border-radius: 50px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#sample-swfs {
|
||||
background-color: white;
|
||||
color: var(--ruffle-blue);
|
||||
border: 1px solid white;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#author-container {
|
||||
font-size: small;
|
||||
}
|
||||
|
|
|
@ -24,6 +24,7 @@
|
|||
<div id="local-file-container">
|
||||
<span>Local SWF:</span>
|
||||
<input type="file" accept=".swf,.spl" id="local-file" />
|
||||
<label for="local-file" id="local-file-label">Select File</label>
|
||||
</div>
|
||||
<div id="sample-swfs-container" class="hidden">
|
||||
<span id="sample-swfs-label">Sample SWF:</span>
|
||||
|
|
Loading…
Reference in New Issue