Passed download-container class into ID

This commit is contained in:
Kylart 2017-03-01 11:20:36 +01:00
parent 5153d50636
commit efe91eca4f
3 changed files with 15 additions and 11 deletions

View File

@ -54,7 +54,7 @@
</div>
<main class="mdl-layout__content">
<div class="page-content">
<div class="download-container"
<div id="download-container"
v-if="show"
v-bind:style="{ display: display }">
<div id="footer-back-left"></div>
@ -77,8 +77,10 @@
<form novalidate @submit.stop.prevent="fromEpNext" @keydown.delete="fromEpPrevious">
<md-input-container id="fromEp" class="downloader-input">
<label><p>From episode...</p></label>
<md-input type="number" v-model="fromEp" id="fromEp-input"
style="color: rgba(255, 255, 255, 0.8); text-shadow: 0 0 0 rgba(255, 255, 255, 0.8)"></md-input>
<md-input type="number"
v-model="fromEp"
id="fromEp-input"
style="text-shadow: 0 0 0 rgba(255, 255, 255, 0.8)"></md-input>
</md-input-container>
</form>
</div>
@ -86,8 +88,10 @@
<form novalidate @submit.stop.prevent="untilEpNext" @keydown.delete="untilEpPrevious">
<md-input-container id="untilEp" class="downloader-input">
<label><p>Until episode...</p></label>
<md-input type="number" v-model="untilEp" id="untilEp-input" style="color:
rgba(255, 255, 255, 0.8); text-shadow: 0 0 0 rgba(255, 255, 255, 0.8)"></md-input>
<md-input type="number"
v-model="untilEp"
id="untilEp-input"
style="text-shadow: 0 0 0 rgba(255, 255, 255, 0.8)"></md-input>
</md-input-container>
</form>
</div>
@ -285,7 +289,7 @@
<md-input-container id="year-container">
<label>Year</label>
<md-input type="number" v-model="year"
<md-input type="number" v-model="year" style="color; rgba(0, 0, 0, 0.87);"
@keydown.enter="getThisSeason(year, season)"></md-input>
</md-input-container>

View File

@ -274,7 +274,7 @@ let seasonalInfo = malScraper.getSeason(getCurrentSeason().year, getCurrentSeaso
let lastPage = 'release'
let downloader = new Vue({
el: '.download-container',
el: '#download-container',
data: {
show: false,
display: "none",

View File

@ -160,7 +160,7 @@ body
margin-top: 10%;
}
.download-container
#download-container
{
display: none;
height: 100%;
@ -240,19 +240,19 @@ body
color: white;
}
.download-container p
#download-container p
{
color: rgba(255, 255, 255, 0.8);
}
.download-container h6
#download-container h6
{
margin-top: 0;
margin-bottom: 0;
color: rgba(255, 255, 255, 0.8);
}
.download-container textarea
#download-container textarea
{
color: rgba(255, 255, 255, 0.8);
}