Skip to content

Commit b199f80

Browse files
thybthyb
committed
merge alenaksu#93 - Closes timpicker after the minutes view, instead of changing view back…
https://github.com/alenaksu/mdPickers/pull/93/files
1 parent baf6553 commit b199f80

File tree

6 files changed

+845
-845
lines changed

6 files changed

+845
-845
lines changed

‎dist/mdPickers.css‎

Lines changed: 154 additions & 154 deletions
Original file line numberDiff line numberDiff line change
@@ -72,160 +72,6 @@
7272
-webkit-animation-name: mdp-animation-bounce;
7373
animation-name: mdp-animation-bounce;
7474
}
75-
.mdp-clock {
76-
width: 200px;
77-
height: 200px;
78-
border-radius: 50%;
79-
cursor: pointer;
80-
padding: 24px;
81-
background: #ededed;
82-
}
83-
.mdp-clock .md-button {
84-
box-shadow: none !important;
85-
background-color: transparent;
86-
display: block;
87-
position: absolute;
88-
min-height: 32px;
89-
width: 32px;
90-
height: 32px;
91-
font-size: 12px;
92-
line-height: 32px;
93-
margin: 0;
94-
padding: 0;
95-
-webkit-transform: translate(-50%, -50%);
96-
transform: translate(-50%, -50%);
97-
}
98-
.mdp-clock .mdp-clock-container {
99-
width: 100%;
100-
height: 100%;
101-
position: relative;
102-
display: block;
103-
}
104-
.mdp-clock .mdp-pointer {
105-
min-height: 0px;
106-
width: 1px;
107-
height: 50%;
108-
position: absolute;
109-
left: 0;
110-
right: 0;
111-
bottom: 0;
112-
margin: 0 auto;
113-
-webkit-transform-origin: top center;
114-
transform-origin: top center;
115-
z-index: 0;
116-
pointer-events: none;
117-
}
118-
.mdp-clock .mdp-clock-center {
119-
min-height: 0px;
120-
height: 6px;
121-
width: 6px;
122-
position: absolute;
123-
left: 0;
124-
right: 0;
125-
top: 0;
126-
bottom: 0;
127-
margin: auto;
128-
border-radius: 50%;
129-
}
130-
.mdp-clock .md-button.mdp-clock-selected {
131-
position: absolute;
132-
border-radius: 50%;
133-
width: 8px;
134-
height: 8px;
135-
bottom: -8px;
136-
left: 0px;
137-
min-width: 0;
138-
min-height: 0;
139-
pointer-events: none;
140-
}
141-
.mdp-timepicker .mdp-clock-switch-container {
142-
padding: 20px;
143-
width: 309px;
144-
}
145-
.mdp-timepicker .mdp-timepicker-time {
146-
padding: 15px;
147-
}
148-
.mdp-timepicker .mdp-timepicker-selected-time {
149-
font-size: 3rem;
150-
}
151-
.mdp-timepicker:not(.portrait) .mdp-timepicker-time {
152-
width: 138px;
153-
}
154-
.mdp-timepicker.portrait .mdp-timepicker-selected-time {
155-
font-size: 4rem;
156-
margin-right: 1.5rem;
157-
}
158-
mdp-time-picker md-input-container.md-has-icon {
159-
padding-left: 40px;
160-
}
161-
mdp-time-picker .md-button.md-icon-button {
162-
margin: 18px 0 0 0;
163-
}
164-
.mdp-timepicker-selected-time > span,
165-
.mdp-timepicker-selected-ampm > span {
166-
outline: 0;
167-
opacity: 0.6;
168-
}
169-
.mdp-timepicker-selected-time > span:not(.active),
170-
.mdp-timepicker-selected-ampm > span:not(.active) {
171-
cursor: pointer;
172-
}
173-
.mdp-timepicker-selected-time > span.active,
174-
.mdp-timepicker-selected-ampm > span.active {
175-
opacity: 1;
176-
}
177-
.mdp-clock-deg0 {
178-
top: 0%;
179-
left: 50%;
180-
}
181-
.mdp-clock-deg30 {
182-
top: 6.69872981%;
183-
left: 75%;
184-
}
185-
.mdp-clock-deg60 {
186-
top: 25%;
187-
left: 93.30127019%;
188-
}
189-
.mdp-clock-deg90 {
190-
top: 50%;
191-
left: 100%;
192-
}
193-
.mdp-clock-deg120 {
194-
top: 75%;
195-
left: 93.30127019%;
196-
}
197-
.mdp-clock-deg150 {
198-
top: 93.30127019%;
199-
left: 75%;
200-
}
201-
.mdp-clock-deg180 {
202-
top: 100%;
203-
left: 50%;
204-
}
205-
.mdp-clock-deg210 {
206-
top: 93.30127019%;
207-
left: 25%;
208-
}
209-
.mdp-clock-deg240 {
210-
top: 75%;
211-
left: 6.69872981%;
212-
}
213-
.mdp-clock-deg270 {
214-
top: 50%;
215-
left: 0%;
216-
}
217-
.mdp-clock-deg300 {
218-
top: 25%;
219-
left: 6.69872981%;
220-
}
221-
.mdp-clock-deg330 {
222-
top: 6.69872981%;
223-
left: 25%;
224-
}
225-
.mdp-clock-deg360 {
226-
top: 0%;
227-
left: 50%;
228-
}
22975
.mdp-datepicker {
23076
max-height: initial;
23177
min-width: 234px;
@@ -418,3 +264,157 @@ mdp-calendar {
418264
.mdp-calendar-days .mdp-day-placeholder {
419265
margin: 0;
420266
}
267+
.mdp-clock {
268+
width: 200px;
269+
height: 200px;
270+
border-radius: 50%;
271+
cursor: pointer;
272+
padding: 24px;
273+
background: #ededed;
274+
}
275+
.mdp-clock .md-button {
276+
box-shadow: none !important;
277+
background-color: transparent;
278+
display: block;
279+
position: absolute;
280+
min-height: 32px;
281+
width: 32px;
282+
height: 32px;
283+
font-size: 12px;
284+
line-height: 32px;
285+
margin: 0;
286+
padding: 0;
287+
-webkit-transform: translate(-50%, -50%);
288+
transform: translate(-50%, -50%);
289+
}
290+
.mdp-clock .mdp-clock-container {
291+
width: 100%;
292+
height: 100%;
293+
position: relative;
294+
display: block;
295+
}
296+
.mdp-clock .mdp-pointer {
297+
min-height: 0px;
298+
width: 1px;
299+
height: 50%;
300+
position: absolute;
301+
left: 0;
302+
right: 0;
303+
bottom: 0;
304+
margin: 0 auto;
305+
-webkit-transform-origin: top center;
306+
transform-origin: top center;
307+
z-index: 0;
308+
pointer-events: none;
309+
}
310+
.mdp-clock .mdp-clock-center {
311+
min-height: 0px;
312+
height: 6px;
313+
width: 6px;
314+
position: absolute;
315+
left: 0;
316+
right: 0;
317+
top: 0;
318+
bottom: 0;
319+
margin: auto;
320+
border-radius: 50%;
321+
}
322+
.mdp-clock .md-button.mdp-clock-selected {
323+
position: absolute;
324+
border-radius: 50%;
325+
width: 8px;
326+
height: 8px;
327+
bottom: -8px;
328+
left: 0px;
329+
min-width: 0;
330+
min-height: 0;
331+
pointer-events: none;
332+
}
333+
.mdp-timepicker .mdp-clock-switch-container {
334+
padding: 20px;
335+
width: 309px;
336+
}
337+
.mdp-timepicker .mdp-timepicker-time {
338+
padding: 15px;
339+
}
340+
.mdp-timepicker .mdp-timepicker-selected-time {
341+
font-size: 3rem;
342+
}
343+
.mdp-timepicker:not(.portrait) .mdp-timepicker-time {
344+
width: 138px;
345+
}
346+
.mdp-timepicker.portrait .mdp-timepicker-selected-time {
347+
font-size: 4rem;
348+
margin-right: 1.5rem;
349+
}
350+
mdp-time-picker md-input-container.md-has-icon {
351+
padding-left: 40px;
352+
}
353+
mdp-time-picker .md-button.md-icon-button {
354+
margin: 18px 0 0 0;
355+
}
356+
.mdp-timepicker-selected-time > span,
357+
.mdp-timepicker-selected-ampm > span {
358+
outline: 0;
359+
opacity: 0.6;
360+
}
361+
.mdp-timepicker-selected-time > span:not(.active),
362+
.mdp-timepicker-selected-ampm > span:not(.active) {
363+
cursor: pointer;
364+
}
365+
.mdp-timepicker-selected-time > span.active,
366+
.mdp-timepicker-selected-ampm > span.active {
367+
opacity: 1;
368+
}
369+
.mdp-clock-deg0 {
370+
top: 0%;
371+
left: 50%;
372+
}
373+
.mdp-clock-deg30 {
374+
top: 6.69872981%;
375+
left: 75%;
376+
}
377+
.mdp-clock-deg60 {
378+
top: 25%;
379+
left: 93.30127019%;
380+
}
381+
.mdp-clock-deg90 {
382+
top: 50%;
383+
left: 100%;
384+
}
385+
.mdp-clock-deg120 {
386+
top: 75%;
387+
left: 93.30127019%;
388+
}
389+
.mdp-clock-deg150 {
390+
top: 93.30127019%;
391+
left: 75%;
392+
}
393+
.mdp-clock-deg180 {
394+
top: 100%;
395+
left: 50%;
396+
}
397+
.mdp-clock-deg210 {
398+
top: 93.30127019%;
399+
left: 25%;
400+
}
401+
.mdp-clock-deg240 {
402+
top: 75%;
403+
left: 6.69872981%;
404+
}
405+
.mdp-clock-deg270 {
406+
top: 50%;
407+
left: 0%;
408+
}
409+
.mdp-clock-deg300 {
410+
top: 25%;
411+
left: 6.69872981%;
412+
}
413+
.mdp-clock-deg330 {
414+
top: 6.69872981%;
415+
left: 25%;
416+
}
417+
.mdp-clock-deg360 {
418+
top: 0%;
419+
left: 50%;
420+
}

0 commit comments

Comments
 (0)