Changed to materlializeCSS beta-1, that doesn't use jQuery

This commit is contained in:
Kasper Rynning-Tønnesen
2018-04-06 15:51:04 +02:00
parent 9164541750
commit bd9b42fd9e
18 changed files with 186 additions and 143 deletions

View File

@@ -13,7 +13,7 @@
Loading...
</li>
<li class="search-container hide" id="search-wrapper">
<input id="search" class="search_input" type="text" title="Search for songs..." placeholder="Find song on YouTube..." onsubmit="null;" autocomplete="off" />
<input id="search" class="search_input white-text" type="text" title="Search for songs..." placeholder="Find song on YouTube..." onsubmit="null;" autocomplete="off" />
</li>
</ul>
<ul class="right control-list noselect">
@@ -32,20 +32,20 @@
</div>
</div>
</li>
<li>
<a class="nav-btn" href="#find" id="search-btn">
<li class="search-btn-container">
<div class="nav-btn" id="search-btn">
<i class="material-icons">search</i>
</a>
</div>
</li>
<li class="skip_next_client hide">
<a href="#skip" class="nav-btn skip">
<div class="nav-btn skip">
<i class="material-icons">skip_next</i>
</a>
</div>
</li>
<li>
<a class="nav-btn" href="#stir" id="shuffle">
<li class="shuffle-btn-container">
<div class="nav-btn" id="shuffle">
<i class="material-icons">shuffle</i>
</a>
</div>
</li>
<li class="settings-hamburger" data-activates="settings-bar" id="settings">
<div class="hamburger-sidenav">
@@ -55,7 +55,7 @@
</div>
</li>
</ul>
<ul class="side-nav" id="settings-bar">
<ul class="sidenav" id="settings-bar">
{{> channel/panel}}
</ul>
{{> channel/search}}

View File

@@ -4,16 +4,20 @@
<h4>Embed</h4>
<p>Copy the code in the textarea, and paste on your website.</p>
<p>
<input type="checkbox" id="autoplay" checked="checked" />
<label for="autoplay" class="padding_right_26">Autoplay</label>
<label>
<input type="checkbox" id="autoplay" checked="checked" />
<span for="autoplay" class="padding_right_26">Autoplay</span>
</label>
<label for="width_embed" class="embed-label">Width</label>
<input type="number" value="600" id="width_embed" class="settings_embed" min="1" />
<label for="height_embed" class="padding_left_6 embed-label">Height</label>
<input type="number" value="300" id="height_embed" class="settings_embed" min="1" />
<label for="color_embed" class="padding_left_6 embed-label">Color</label>
<input type="text" id="color_embed" class="settings_embed" value="#808080" />
<input type="checkbox" id="videoonly" />
<label for="videoonly" class="padding_right_26">Video-only</label>
<label>
<input type="checkbox" id="videoonly" class="checkbox" />
<span for="videoonly" class="padding_right_26">Video-only</span>
</label>
</p>
<textarea id="embed-area"></textarea>
</div>

View File

@@ -11,9 +11,9 @@
<div class="search-title truncate"></div>
<div class="result-start-end-container">
<span class="start-end-info show-only-mobile">Start/End</span>
<input type="number" min="0" class="result-start" value="0">
<input type="number" min="0" class="result-start white-text" value="0">
/
<input type="number" min="0" class="result-end" value="0">
<input type="number" min="0" class="result-end white-text" value="0">
</div>
<div class="result-get-more-info waves-effect waves-light">
<i class="material-icons">keyboard_arrow_left</i>

View File

@@ -17,9 +17,9 @@
spellcheck="false"
maxlength="18"
/>
<a href="#" class="generate-channel-name white-text hide-on-small-only">
<div class="generate-channel-name white-text hide-on-small-only">
<i class="material-icons">autorenew</i>
</a>
</div>
<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>

View File

@@ -1,4 +1,4 @@
<div class="volume-elements">
<div class="volume-elements" style="display: none;">
<div class="rc" id="volume-control" title="Volume"></div>
<i class="material-icons slider-vol rc">volume_up</i>
</div>