Skip to content

Commit 97d0772

Browse files
FANMixcoFANMixco
committed
2 parents b2c0b23 + 4cdb896 commit 97d0772

File tree

4 files changed

+329
-195
lines changed

4 files changed

+329
-195
lines changed

‎css/timer.css

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -31,11 +31,6 @@ footer {
3131
margin-right: 28px;
3232
}
3333

34-
.getmdl-select__fix-height_setTime .mdl-menu__container .mdl-menu {
35-
overflow-y: auto;
36-
max-height: 138px !important
37-
}
38-
3934
.seconds-set { float: right; }
4035

4136
#controls {
@@ -74,6 +69,10 @@ footer {
7469
color: black;
7570
}
7671

72+
.centeredText {
73+
text-align: center!important;
74+
}
75+
7776
.play::before {
7877
display: block;
7978
content: "";

‎index.html

Lines changed: 44 additions & 173 deletions
Original file line numberDiff line numberDiff line change
@@ -169,179 +169,50 @@ <h4 class="mdl-dialog__title" data-tag="changesTitle"></h4>
169169
</div>
170170
<h4 class="mdl-dialog__title" data-tag="setTime"></h4>
171171
<div class="mdl-dialog__content">
172-
<div class="rowFull">
173-
<div class="column">
174-
<div id="divSetTimeH" class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select getmdl-select__fix-height_setTime">
175-
<input type="text" value="" class="mdl-textfield__input" id="setTimeH" readonly>
176-
<input type="hidden" value="" name="setTimeH">
177-
<label for="setTimeH" class="mdl-textfield__label">H</label>
178-
<ul for="setTimeH" class="mdl-menu mdl-menu--bottom-left mdl-js-menu">
179-
<li class='mdl-menu__item' data-val='0' id='setTimeH0'>00</li>
180-
<li class='mdl-menu__item' data-val='1' id='setTimeH1'>01</li>
181-
<li class='mdl-menu__item' data-val='2' id='setTimeH2'>02</li>
182-
<li class='mdl-menu__item' data-val='3' id='setTimeH3'>03</li>
183-
<li class='mdl-menu__item' data-val='4' id='setTimeH4'>04</li>
184-
<li class='mdl-menu__item' data-val='5' id='setTimeH5'>05</li>
185-
<li class='mdl-menu__item' data-val='6' id='setTimeH6'>06</li>
186-
<li class='mdl-menu__item' data-val='7' id='setTimeH7'>07</li>
187-
<li class='mdl-menu__item' data-val='8' id='setTimeH8'>08</li>
188-
<li class='mdl-menu__item' data-val='9' id='setTimeH9'>09</li>
189-
<li class='mdl-menu__item' data-val='10' id='setTimeH10'>10</li>
190-
<li class='mdl-menu__item' data-val='11' id='setTimeH11'>11</li>
191-
<li class='mdl-menu__item' data-val='12' id='setTimeH12'>12</li>
192-
<li class='mdl-menu__item' data-val='13' id='setTimeH13'>13</li>
193-
<li class='mdl-menu__item' data-val='14' id='setTimeH14'>14</li>
194-
<li class='mdl-menu__item' data-val='15' id='setTimeH15'>15</li>
195-
<li class='mdl-menu__item' data-val='16' id='setTimeH16'>16</li>
196-
<li class='mdl-menu__item' data-val='17' id='setTimeH17'>17</li>
197-
<li class='mdl-menu__item' data-val='18' id='setTimeH18'>18</li>
198-
<li class='mdl-menu__item' data-val='19' id='setTimeH19'>19</li>
199-
<li class='mdl-menu__item' data-val='20' id='setTimeH20'>20</li>
200-
<li class='mdl-menu__item' data-val='21' id='setTimeH21'>21</li>
201-
<li class='mdl-menu__item' data-val='22' id='setTimeH22'>22</li>
202-
<li class='mdl-menu__item' data-val='23' id='setTimeH23'>23</li>
203-
</ul>
204-
</div>
205-
</div>
206-
<div class="column">
207-
<div id="divSetTimeM" class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select getmdl-select__fix-height_setTime">
208-
<input type="text" value="" class="mdl-textfield__input" id="setTimeM" readonly>
209-
<input type="hidden" value="" name="setTimeM">
210-
<label for="setTimeM" class="mdl-textfield__label">M</label>
211-
<ul for="setTimeM" class="mdl-menu mdl-menu--bottom-left mdl-js-menu">
212-
<li class='mdl-menu__item' data-val='0' id='setTimeM0'>00</li>
213-
<li class='mdl-menu__item' data-val='1' id='setTimeM1'>01</li>
214-
<li class='mdl-menu__item' data-val='2' id='setTimeM2'>02</li>
215-
<li class='mdl-menu__item' data-val='3' id='setTimeM3'>03</li>
216-
<li class='mdl-menu__item' data-val='4' id='setTimeM4'>04</li>
217-
<li class='mdl-menu__item' data-val='5' id='setTimeM5'>05</li>
218-
<li class='mdl-menu__item' data-val='6' id='setTimeM6'>06</li>
219-
<li class='mdl-menu__item' data-val='7' id='setTimeM7'>07</li>
220-
<li class='mdl-menu__item' data-val='8' id='setTimeM8'>08</li>
221-
<li class='mdl-menu__item' data-val='9' id='setTimeM9'>09</li>
222-
<li class='mdl-menu__item' data-val='10' id='setTimeM10'>10</li>
223-
<li class='mdl-menu__item' data-val='11' id='setTimeM11'>11</li>
224-
<li class='mdl-menu__item' data-val='12' id='setTimeM12'>12</li>
225-
<li class='mdl-menu__item' data-val='13' id='setTimeM13'>13</li>
226-
<li class='mdl-menu__item' data-val='14' id='setTimeM14'>14</li>
227-
<li class='mdl-menu__item' data-val='15' id='setTimeM15'>15</li>
228-
<li class='mdl-menu__item' data-val='16' id='setTimeM16'>16</li>
229-
<li class='mdl-menu__item' data-val='17' id='setTimeM17'>17</li>
230-
<li class='mdl-menu__item' data-val='18' id='setTimeM18'>18</li>
231-
<li class='mdl-menu__item' data-val='19' id='setTimeM19'>19</li>
232-
<li class='mdl-menu__item' data-val='20' id='setTimeM20'>20</li>
233-
<li class='mdl-menu__item' data-val='21' id='setTimeM21'>21</li>
234-
<li class='mdl-menu__item' data-val='22' id='setTimeM22'>22</li>
235-
<li class='mdl-menu__item' data-val='23' id='setTimeM23'>23</li>
236-
<li class='mdl-menu__item' data-val='24' id='setTimeM24'>24</li>
237-
<li class='mdl-menu__item' data-val='25' id='setTimeM25'>25</li>
238-
<li class='mdl-menu__item' data-val='26' id='setTimeM26'>26</li>
239-
<li class='mdl-menu__item' data-val='27' id='setTimeM27'>27</li>
240-
<li class='mdl-menu__item' data-val='28' id='setTimeM28'>28</li>
241-
<li class='mdl-menu__item' data-val='29' id='setTimeM29'>29</li>
242-
<li class='mdl-menu__item' data-val='30' id='setTimeM30'>30</li>
243-
<li class='mdl-menu__item' data-val='31' id='setTimeM31'>31</li>
244-
<li class='mdl-menu__item' data-val='32' id='setTimeM32'>32</li>
245-
<li class='mdl-menu__item' data-val='33' id='setTimeM33'>33</li>
246-
<li class='mdl-menu__item' data-val='34' id='setTimeM34'>34</li>
247-
<li class='mdl-menu__item' data-val='35' id='setTimeM35'>35</li>
248-
<li class='mdl-menu__item' data-val='36' id='setTimeM36'>36</li>
249-
<li class='mdl-menu__item' data-val='37' id='setTimeM37'>37</li>
250-
<li class='mdl-menu__item' data-val='38' id='setTimeM38'>38</li>
251-
<li class='mdl-menu__item' data-val='39' id='setTimeM39'>39</li>
252-
<li class='mdl-menu__item' data-val='40' id='setTimeM40'>40</li>
253-
<li class='mdl-menu__item' data-val='41' id='setTimeM41'>41</li>
254-
<li class='mdl-menu__item' data-val='42' id='setTimeM42'>42</li>
255-
<li class='mdl-menu__item' data-val='43' id='setTimeM43'>43</li>
256-
<li class='mdl-menu__item' data-val='44' id='setTimeM44'>44</li>
257-
<li class='mdl-menu__item' data-val='45' id='setTimeM45'>45</li>
258-
<li class='mdl-menu__item' data-val='46' id='setTimeM46'>46</li>
259-
<li class='mdl-menu__item' data-val='47' id='setTimeM47'>47</li>
260-
<li class='mdl-menu__item' data-val='48' id='setTimeM48'>48</li>
261-
<li class='mdl-menu__item' data-val='49' id='setTimeM49'>49</li>
262-
<li class='mdl-menu__item' data-val='50' id='setTimeM50'>50</li>
263-
<li class='mdl-menu__item' data-val='51' id='setTimeM51'>51</li>
264-
<li class='mdl-menu__item' data-val='52' id='setTimeM52'>52</li>
265-
<li class='mdl-menu__item' data-val='53' id='setTimeM53'>53</li>
266-
<li class='mdl-menu__item' data-val='54' id='setTimeM54'>54</li>
267-
<li class='mdl-menu__item' data-val='55' id='setTimeM55'>55</li>
268-
<li class='mdl-menu__item' data-val='56' id='setTimeM56'>56</li>
269-
<li class='mdl-menu__item' data-val='57' id='setTimeM57'>57</li>
270-
<li class='mdl-menu__item' data-val='58' id='setTimeM58'>58</li>
271-
<li class='mdl-menu__item' data-val='59' id='setTimeM59'>59</li>
272-
</ul>
273-
</div>
274-
</div>
275-
<div class="column">
276-
<div id="divSetTimeS" class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select getmdl-select__fix-height_setTime">
277-
<input type="text" value="" class="mdl-textfield__input" id="setTimeS" readonly>
278-
<input type="hidden" value="" name="setTimeS">
279-
<label for="setTimeS" class="mdl-textfield__label">S</label>
280-
<ul for="setTimeS" class="mdl-menu mdl-menu--bottom-left mdl-js-menu">
281-
<li class='mdl-menu__item' data-val='0' id='setTimeS0'>00</li>
282-
<li class='mdl-menu__item' data-val='1' id='setTimeS1'>01</li>
283-
<li class='mdl-menu__item' data-val='2' id='setTimeS2'>02</li>
284-
<li class='mdl-menu__item' data-val='3' id='setTimeS3'>03</li>
285-
<li class='mdl-menu__item' data-val='4' id='setTimeS4'>04</li>
286-
<li class='mdl-menu__item' data-val='5' id='setTimeS5'>05</li>
287-
<li class='mdl-menu__item' data-val='6' id='setTimeS6'>06</li>
288-
<li class='mdl-menu__item' data-val='7' id='setTimeS7'>07</li>
289-
<li class='mdl-menu__item' data-val='8' id='setTimeS8'>08</li>
290-
<li class='mdl-menu__item' data-val='9' id='setTimeS9'>09</li>
291-
<li class='mdl-menu__item' data-val='10' id='setTimeS10'>10</li>
292-
<li class='mdl-menu__item' data-val='11' id='setTimeS11'>11</li>
293-
<li class='mdl-menu__item' data-val='12' id='setTimeS12'>12</li>
294-
<li class='mdl-menu__item' data-val='13' id='setTimeS13'>13</li>
295-
<li class='mdl-menu__item' data-val='14' id='setTimeS14'>14</li>
296-
<li class='mdl-menu__item' data-val='15' id='setTimeS15'>15</li>
297-
<li class='mdl-menu__item' data-val='16' id='setTimeS16'>16</li>
298-
<li class='mdl-menu__item' data-val='17' id='setTimeS17'>17</li>
299-
<li class='mdl-menu__item' data-val='18' id='setTimeS18'>18</li>
300-
<li class='mdl-menu__item' data-val='19' id='setTimeS19'>19</li>
301-
<li class='mdl-menu__item' data-val='20' id='setTimeS20'>20</li>
302-
<li class='mdl-menu__item' data-val='21' id='setTimeS21'>21</li>
303-
<li class='mdl-menu__item' data-val='22' id='setTimeS22'>22</li>
304-
<li class='mdl-menu__item' data-val='23' id='setTimeS23'>23</li>
305-
<li class='mdl-menu__item' data-val='24' id='setTimeS24'>24</li>
306-
<li class='mdl-menu__item' data-val='25' id='setTimeS25'>25</li>
307-
<li class='mdl-menu__item' data-val='26' id='setTimeS26'>26</li>
308-
<li class='mdl-menu__item' data-val='27' id='setTimeS27'>27</li>
309-
<li class='mdl-menu__item' data-val='28' id='setTimeS28'>28</li>
310-
<li class='mdl-menu__item' data-val='29' id='setTimeS29'>29</li>
311-
<li class='mdl-menu__item' data-val='30' id='setTimeS30'>30</li>
312-
<li class='mdl-menu__item' data-val='31' id='setTimeS31'>31</li>
313-
<li class='mdl-menu__item' data-val='32' id='setTimeS32'>32</li>
314-
<li class='mdl-menu__item' data-val='33' id='setTimeS33'>33</li>
315-
<li class='mdl-menu__item' data-val='34' id='setTimeS34'>34</li>
316-
<li class='mdl-menu__item' data-val='35' id='setTimeS35'>35</li>
317-
<li class='mdl-menu__item' data-val='36' id='setTimeS36'>36</li>
318-
<li class='mdl-menu__item' data-val='37' id='setTimeS37'>37</li>
319-
<li class='mdl-menu__item' data-val='38' id='setTimeS38'>38</li>
320-
<li class='mdl-menu__item' data-val='39' id='setTimeS39'>39</li>
321-
<li class='mdl-menu__item' data-val='40' id='setTimeS40'>40</li>
322-
<li class='mdl-menu__item' data-val='41' id='setTimeS41'>41</li>
323-
<li class='mdl-menu__item' data-val='42' id='setTimeS42'>42</li>
324-
<li class='mdl-menu__item' data-val='43' id='setTimeS43'>43</li>
325-
<li class='mdl-menu__item' data-val='44' id='setTimeS44'>44</li>
326-
<li class='mdl-menu__item' data-val='45' id='setTimeS45'>45</li>
327-
<li class='mdl-menu__item' data-val='46' id='setTimeS46'>46</li>
328-
<li class='mdl-menu__item' data-val='47' id='setTimeS47'>47</li>
329-
<li class='mdl-menu__item' data-val='48' id='setTimeS48'>48</li>
330-
<li class='mdl-menu__item' data-val='49' id='setTimeS49'>49</li>
331-
<li class='mdl-menu__item' data-val='50' id='setTimeS50'>50</li>
332-
<li class='mdl-menu__item' data-val='51' id='setTimeS51'>51</li>
333-
<li class='mdl-menu__item' data-val='52' id='setTimeS52'>52</li>
334-
<li class='mdl-menu__item' data-val='53' id='setTimeS53'>53</li>
335-
<li class='mdl-menu__item' data-val='54' id='setTimeS54'>54</li>
336-
<li class='mdl-menu__item' data-val='55' id='setTimeS55'>55</li>
337-
<li class='mdl-menu__item' data-val='56' id='setTimeS56'>56</li>
338-
<li class='mdl-menu__item' data-val='57' id='setTimeS57'>57</li>
339-
<li class='mdl-menu__item' data-val='58' id='setTimeS58'>58</li>
340-
<li class='mdl-menu__item' data-val='59' id='setTimeS59'>59</li>
341-
</ul>
342-
</div>
343-
</div>
344-
</div>
172+
<div class="rowFull">
173+
<div class="column">
174+
<button class="mdl-button mdl-js-button mdl-button--icon" id='btnUpH'>
175+
<span class="mdi mdi-plus"></span>
176+
</button>
177+
<br />
178+
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
179+
<input class="mdl-textfield__input centeredText" type="text" id="txtH" value="00" readonly>
180+
<label class="mdl-textfield__label centeredText" for="txtH">H</label>
181+
</div>
182+
<br />
183+
<button class="mdl-button mdl-js-button mdl-button--icon" id='btnDownH'>
184+
<span class="mdi mdi-minus"></span>
185+
</button>
186+
</div>
187+
<div class="column">
188+
<button class="mdl-button mdl-js-button mdl-button--icon" id='btnUpM'>
189+
<span class="mdi mdi-plus"></span>
190+
</button>
191+
<br />
192+
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
193+
<input class="mdl-textfield__input centeredText" type="text" id="txtM" value="00" readonly>
194+
<label class="mdl-textfield__label centeredText" for="txtM">M</label>
195+
</div>
196+
<br />
197+
<button class="mdl-button mdl-js-button mdl-button--icon" id='btnDownM'>
198+
<span class="mdi mdi-minus"></span>
199+
</button>
200+
</div>
201+
<div class="column">
202+
<button class="mdl-button mdl-js-button mdl-button--icon" id='btnUpS'>
203+
<span class="mdi mdi-plus"></span>
204+
</button>
205+
<br />
206+
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
207+
<input class="mdl-textfield__input centeredText" type="text" id="txtS" value="00" readonly>
208+
<label class="mdl-textfield__label centeredText" for="txtS">S</label>
209+
</div>
210+
<br />
211+
<button class="mdl-button mdl-js-button mdl-button--icon" id='btnDownS'>
212+
<span class="mdi mdi-minus"></span>
213+
</button>
214+
</div>
215+
</div>
345216
</div>
346217
</div>
347218
<div class="mdl-dialog__actions">

0 commit comments

Comments
 (0)