mgoetz/soundboard
1
0
Fork 0
forked from server/soundboard
Code Issues Pull Requests Releases Wiki Activity

fixed section content is overlapping

Browse Source 
dirty fixes #18
This commit is contained in:
Erhard 2017-08-03 21:42:58 +02:00
parent 730147514b
commit 7f3cd26484
2 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/main.js
View File

@ -11,8 +11,6 @@ function sleep(ms) {
} }
ready(function() { ready(function() {
hideSections();
var sections = document.querySelectorAll("section"); var sections = document.querySelectorAll("section");
var nav = document.querySelectorAll("nav a"); var nav = document.querySelectorAll("nav a");

6
templates/index.html
View File

@ -35,13 +35,13 @@
<a href="#voice">Voice</a> <a href="#voice">Voice</a>
</nav> </nav>
<content> <content>
<section id="sounds"> <section id="sounds" style="display:none;">
<div><input type="text" id="search" autofocus/><span id="reset">⨯</span></div> <div><input type="text" id="search" autofocus/><span id="reset">⨯</span></div>
{% for sound in sounds %} {% for sound in sounds %}
<div class="sound"><a tabindex="0" class="unselectable" onclick="ajaxRequest('{{ '/play/' + sound | urlencode }}');">{{ sound.split('.', 1)[0] }}</a></div> <div class="sound"><a tabindex="0" class="unselectable" onclick="ajaxRequest('{{ '/play/' + sound | urlencode }}');">{{ sound.split('.', 1)[0] }}</a></div>
{% endfor %} {% endfor %}
</section> </section>
<section id="youtube"> <section id="youtube" style="display:none;">
<form action="/" method="GET"> <form action="/" method="GET">
<label for="video">YouTube URL</label> <label for="video">YouTube URL</label>
<input type="text" name="video" /> <input type="text" name="video" />
@ -52,7 +52,7 @@
<input type="submit" name="submit" value="Terminate videos" /> <input type="submit" name="submit" value="Terminate videos" />
</form> </form>
</section> </section>
<section id="voice"> <section id="voice" style="display:none;">
<form action="/say/" method="POST"> <form action="/say/" method="POST">
<input type="text" name="text" /> <input type="text" name="text" />
<input type="text" name="voice" placeholder="DE" /> <input type="text" name="voice" placeholder="DE" />