Desktop and mobile use the same search

This commit is contained in:
Kasper Rynning-Tønnesen
2017-11-14 14:48:52 +01:00
parent 8219c25e42
commit fdfe832ef9
5 changed files with 113 additions and 55 deletions

View File

@@ -1,15 +1,14 @@
<div class="section mega">
<div id="mega-background"></div>
<h5>Create a radio channel, collaborate and listen</h5>
<form class="channel-finder">
<div class="input-field">
<form class="channel-finder row">
<div class="input-field col s12">
<p class="prefix">zoff.me/</p>
<input
class="room-namer autocomplete desktop-search"
class="room-namer autocomplete"
type="text"
id="autocomplete-input"
name="chan"
placeholder="chill"
title="Type channel name here to create or listen to a channel. Only alphanumerical chars. [a-zA-Z0-9]+"
autocomplete="off"
autofocus
@@ -18,6 +17,7 @@
spellcheck="false"
maxlength="18"
/>
<label for="autocomplete-input" class="noselect label-for-mobile-frontpage">Find or create radio channel</label>
<button class="listen-button btn waves-effect waves-light white-text col s2">Listen</button>
</div>
</form>

View File

@@ -1,19 +0,0 @@
<div class="section mobile-search">
<form class="channel-finder-mobile row" id="base">
<div class="input-field col s12">
<input
class="autocomplete mobile-search"
type="text"
id="searchFrontpage"
name="chan"
title="Type channel name here to create or listen to a channel. Only alphanumerical chars. [a-zA-Z0-9]+"
autocomplete="off"
required pattern="[a-zA-Z0-9]+"
spellcheck="false"
maxlength="18"
data-length="18"
/>
<label for="searchFrontpage" class="noselect">Find or create radio channel</label>
</div>
</form>
</div>