Mercurial > gemma

comparison client/src/components/TimeSlider.vue @ 5074:8ec4f1a0db86 time-sliding

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: remove clear button on date/time picker
author Fadi Abbud <fadi.abbud@intevation.de>
date Thu, 12 Mar 2020 11:08:12 +0100
parents 51b30f7c64a2
children aeb100b4c41b
comparison
equal deleted inserted replaced
5073:9bbe9d0a2dfb 5074:8ec4f1a0db86
12 class="form-control-sm mr-1" 12 class="form-control-sm mr-1"
13 type="date" 13 type="date"
14 v-model="dateSelection" 14 v-model="dateSelection"
15 min="2015-01-01" 15 min="2015-01-01"
16 :max="new Date().toISOString().split('T')[0]" 16 :max="new Date().toISOString().split('T')[0]"
17 required
17 /> 18 />
18 <input 19 <input
19 type="time" 20 type="time"
20 min="00:00" 21 min="00:00"
21 max="23:59" 22 max="23:59"
22 v-model="timeSelection" 23 v-model="timeSelection"
23 class="form-control-sm" 24 class="form-control-sm"
25 required
24 /> 26 />
25 </div> 27 </div>
26 <div 28 <div
27 id="sliderContainer" 29 id="sliderContainer"
28 class="d-flex sliderContainer" 30 class="d-flex sliderContainer"
42 #slider { 44 #slider {
43 position: absolute; 45 position: absolute;
44 bottom: 0; 46 bottom: 0;
45 min-width: 100vw; 47 min-width: 100vw;
46 } 48 }
47
48 #slider.expanded { 49 #slider.expanded {
49 max-height: 100%; 50 max-height: 100%;
50 max-width: 100%; 51 max-width: 100%;
51 margin: 0; 52 margin: 0;
53 }
54 input::-webkit-clear-button {
55 display: none;
56 }
57 // hide clear button on IE
58 input::-ms-clear {
59 display: none;
52 } 60 }
53 </style> 61 </style>
54 <script> 62 <script>
55 /* This is Free Software under GNU Affero General Public License v >= 3.0 63 /* This is Free Software under GNU Affero General Public License v >= 3.0
56 * without warranty, see README.md and license for details. 64 * without warranty, see README.md and license for details.