jquery-datetimepicker 0.0.5 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,3 @@
1
1
  module JqueryDatetimepicker
2
- VERSION = "0.0.5"
2
+ VERSION = "0.0.6"
3
3
  end
@@ -35,31 +35,38 @@
35
35
  .calender-container {
36
36
  display: inline-block;
37
37
  background: rgb(231, 231, 231);
38
- .actions{
38
+
39
+ .actions {
39
40
  display: none;
40
41
  }
41
- .reminder-date-add{
42
+
43
+ .reminder-date-add {
42
44
  width: 232px;
43
45
  margin: 0 auto;
44
- .ui-datepicker-inline{
46
+
47
+ .ui-datepicker-inline {
45
48
  padding: 0;
46
49
  width: auto;
47
50
  }
51
+
48
52
  .ui-corner-all{
49
53
  -webkit-border-radius: 0;
50
54
  border-radius: 0;
51
55
  border: none;
52
56
  background: transparent;
53
57
  }
58
+
54
59
  .ui-datepicker-header{
55
60
  border: none;
56
61
  background: transparent;
57
62
  padding:0;
58
63
  color: rgb(184, 184, 184);
59
64
  height: 40px;
65
+
60
66
  .ui-datepicker-prev{
61
67
  top: 5px;
62
68
  left: 13px;
69
+
63
70
  span{
64
71
  background: url(backend-v2/cal-month-prev-arrow.png) 0 0 no-repeat;
65
72
  top: 13px;
@@ -67,6 +74,7 @@
67
74
  left: 9px;
68
75
  }
69
76
  }
77
+
70
78
  .ui-datepicker-next{
71
79
  top: 7px;
72
80
  right: 0;
@@ -76,6 +84,7 @@
76
84
  }
77
85
  }
78
86
  }
87
+
79
88
  .ui-datepicker-calendar{
80
89
  border-left: none;
81
90
  thead{
@@ -88,13 +97,16 @@
88
97
  border: 0px;
89
98
  }
90
99
  }
100
+
91
101
  .ui-state-default{
92
102
  background: transparent;
93
103
  color: rgb(143, 143, 143);
94
104
  }
105
+
95
106
  .ui-datepicker-title{
96
107
  font-weight: normal;
97
108
  }
109
+
98
110
  .ui-datepicker td{
99
111
  padding: 0;
100
112
  a{
@@ -103,6 +115,7 @@
103
115
  text-decoration: none;
104
116
  }
105
117
  }
118
+
106
119
  .ui-state-default, .ui-widget-content .ui-state-default{
107
120
  border-top: thin solid rgb(241, 241, 241);
108
121
  border-bottom: thin solid #d1d1d1;
@@ -110,27 +123,34 @@
110
123
  border-right: thin solid rgb(241, 241, 241);
111
124
  color: rgb(121, 121, 121);
112
125
  }
126
+
113
127
  .ui-state-active{
114
128
  background: rgb(182, 182, 182);
115
129
  color: #fff;
116
130
  }
131
+
117
132
  .ui-datepicker-next{
118
133
  right: 15px;
119
134
  }
135
+
120
136
  .ui-datepicker-next:hover{
121
137
  right: 15px;
122
138
  }
139
+
123
140
  .ui-datepicker-title{
124
141
  line-height: 3em;
125
142
  color: rgb(134, 134, 134);
126
143
  text-transform: uppercase;
127
144
  }
128
145
  }
146
+
129
147
  .reminder-time-set {
130
148
  width: 180px;
131
149
  margin: 20px auto;
150
+
132
151
  li{
133
152
  display: inline-block;
153
+
134
154
  .clock-value{
135
155
  padding: 12px 5px;
136
156
  font-size: 26px;
@@ -138,6 +158,7 @@
138
158
  background: #fff;
139
159
  text-align: center;
140
160
  }
161
+
141
162
  .clock-up-arrow{
142
163
  height: 10px;
143
164
  background: url(backend-v2/up-arrow-cal.png) no-repeat center center;
@@ -145,6 +166,7 @@
145
166
  margin-bottom: 5px;
146
167
  cursor: pointer;
147
168
  }
169
+
148
170
  .clock-down-arrow{
149
171
  height: 10px;
150
172
  background: url(backend-v2/down-arrow-cal.png) no-repeat center center;
@@ -153,175 +175,194 @@
153
175
  cursor: pointer;
154
176
  }
155
177
  }
178
+
156
179
  li.clock-time {
157
180
  .clock-up-arrow, .clock-down-arrow{
158
181
  width: 50px;
159
182
  }
160
183
  }
184
+
161
185
  .clock-operator {
162
- font-size: 26px;
163
- color: #868686;
164
- padding: 0 5px;
165
- }
186
+ font-size: 26px;
187
+ color: #868686;
188
+ padding: 0 5px;
166
189
  }
167
- .scheduled-alerts{
168
- overflow: auto;
169
- margin-left: -1px;
170
- margin-bottom: 10px;
171
- margin-top: 10px;
172
- .alert-record {
173
- background-color: #fff;
174
- text-align: left;
175
- overflow: hidden;
176
- padding: 5px;
177
- .cancel {
178
- cursor: pointer;
179
- float: right;
180
- display: block;
181
- background-color: #eee;
182
- }
183
- }
190
+ }
191
+
192
+ .scheduled-alerts{
193
+ overflow: auto;
194
+ margin-left: -1px;
195
+ margin-bottom: 10px;
196
+ margin-top: 10px;
197
+
198
+ .alert-record {
199
+ background-color: #fff;
200
+ text-align: left;
201
+ overflow: hidden;
202
+ padding: 5px;
203
+
204
+ .cancel {
205
+ cursor: pointer;
206
+ float: right;
207
+ display: block;
208
+ background-color: #eee;
209
+ }
184
210
  }
211
+ }
212
+
213
+ .add-alert-container{
214
+ text-align: center;
215
+ color: #868686;
216
+ border-top: thin solid #cfcfce;
217
+ padding: 5px 10px;
218
+
219
+ .alerts-label{
220
+ float: left;
221
+ font-size: 12px;
222
+ background: url(backend-v2/reminder-env.png) no-repeat 0 center;
223
+ padding: 20px 35px;
224
+ }
225
+
226
+ .alert-trigger-container{
227
+ float:right;
228
+ padding: 0 10px;
229
+ }
230
+
231
+ .alert-trigger{
232
+ position: relative;
233
+ background: #fff;
234
+ height:17px;
235
+ width: 50px;
236
+ margin: 9px 0;
237
+ border-radius: 10px;
238
+ -webkit-border-radius: 10px;
239
+ overflow: hidden;
240
+
241
+ .slider{
242
+ position: absolute;
243
+ height: 100%;
244
+ width: 17px;
245
+ top: 0;
246
+ border-radius: 10px;
247
+ -webkit-border-radius: 10px;
248
+ cursor: pointer;
249
+ }
250
+
251
+ .slider.off{
252
+ background: #b6b6b6;
253
+ }
254
+
255
+ .slider.on{
256
+ background: #4a9aff;
257
+ right: 0;
258
+ }
259
+ }
260
+
261
+ .trigger-labels{
262
+ font-size: 10px;
263
+ }
264
+ }
265
+
266
+ .alert-add{
267
+ background: #4a9aff;
268
+ padding: 10px;
269
+ display: none;
270
+ color: #fff;
271
+
272
+ .alert-settings{
273
+
274
+ a{
275
+ color: #fff !important;
276
+ }
185
277
 
186
- .add-alert-container{
278
+ >ul{
279
+ display: inline-block;
280
+ cursor: pointer;
281
+
282
+ >li{
283
+ float:left;
284
+ background: #e7e7e7;
285
+ padding: 10px 0;
286
+ color:#4a9aff;
287
+ font-size: 20px;
288
+ width: 50px;
187
289
  text-align: center;
188
- color: #868686;
189
- border-top: thin solid #cfcfce;
190
- padding: 5px 10px;
191
-
192
- .alerts-label{
193
- float: left;
194
- font-size: 12px;
195
- background: url(backend-v2/reminder-env.png) no-repeat 0 center;
196
- padding: 20px 35px;
197
- }
290
+ }
291
+ li.alert-before{
292
+ background: #3988e9;
293
+ color: #fff;
294
+ font-size: 12px;
295
+ width: 110px;
296
+ text-align: left;
297
+ padding: 0;
298
+ overflow:hidden;
299
+ position: relative;
198
300
 
199
- .alert-trigger-container{
200
- float:right;
201
- padding: 0 10px;
301
+ a{
302
+ color: #fff;
303
+ padding: 8px 10px;
304
+ display: block;
202
305
  }
203
306
 
204
- .alert-trigger{
205
- position: relative;
206
- background: #fff;
207
- height:17px;
208
- width: 50px;
209
- margin: 9px 0;
210
- border-radius: 10px;
211
- -webkit-border-radius: 10px;
212
- overflow: hidden;
213
- .slider{
214
- position: absolute;
215
- height: 100%;
216
- width: 17px;
217
- top: 0;
218
- border-radius: 10px;
219
- -webkit-border-radius: 10px;
220
- cursor: pointer;
221
- }
222
- .slider.off{
223
- background: #b6b6b6;
307
+ ul{
308
+ position: absolute;
309
+ width: 100%;
310
+ background: #3988e9;
224
311
 
225
- }
226
- .slider.on{
227
- background: #4a9aff;
228
- right: 0;
312
+ li{
313
+ a{
314
+ border-top: thin solid #fff;
315
+ }
229
316
  }
230
317
  }
318
+ }
231
319
 
232
- .trigger-labels{
233
- font-size: 10px;
234
- }
320
+ li.alert-before:hover{
321
+ overflow: visible;
235
322
  }
236
323
 
237
- .alert-add{
238
- background: #4a9aff;
239
- padding: 10px;
240
- display: none;
241
- color: #fff;
242
- .alert-settings{
243
- a{
244
- color: #fff !important;
245
- }
246
- >ul{
247
- display: inline-block;
248
- cursor: pointer;
249
- >li{
250
- float:left;
251
- background: #e7e7e7;
252
- padding: 10px 0;
253
- color:#4a9aff;
254
- font-size: 20px;
255
- width: 50px;
256
- text-align: center;
257
- }
258
- li.alert-before{
259
- background: #3988e9;
260
- color: #fff;
261
- font-size: 12px;
262
- width: 110px;
263
- text-align: left;
264
- padding: 0;
265
- overflow:hidden;
266
- position: relative;
267
- a{
268
- color: #fff;
269
- padding: 8px 10px;
270
- display: block;
324
+ li.add-reminder-time-input{
325
+ padding:0;
271
326
 
272
- }
273
- ul{
274
- position: absolute;
275
- width: 100%;
276
- background: #3988e9;
277
- li{
278
- a{
279
- border-top: thin solid #fff;
280
- }
281
- }
282
- }
283
- }
284
- li.alert-before:hover{
285
- overflow: visible;
286
- }
287
- li.add-reminder-time-input{
288
- padding:0;
289
- input{
290
- height: 25px;
291
- margin: 2px;
292
- line-height: 25px;
293
- width: 37px;
294
- text-align: center;
295
- background: transparent;
296
- border: none;
297
- outline: none;
298
- color: #4a9aff;
299
- font-size: 15px;
300
- }
301
- }
302
- li.btn-add-alert{
303
- font-weight: bold;
304
- font-size: 32px;
305
- padding: 8px 0;
306
- }
307
- }
308
- }
309
- a.selected{
310
- background-image: url(backend-v2/table-sort-arrow-down.png);
311
- background-position: 99px center;
312
- background-repeat: no-repeat;
327
+ input{
328
+ height: 25px;
329
+ margin: 2px;
330
+ line-height: 25px;
331
+ width: 37px;
332
+ text-align: center;
333
+ background: transparent;
334
+ border: none;
335
+ outline: none;
336
+ color: #4a9aff;
337
+ font-size: 15px;
313
338
  }
314
339
  }
315
340
 
316
- .add-reminder-trigger-show{
317
- overflow: visible !important;
318
- background: rgb(231, 231, 231);
341
+ li.btn-add-alert{
342
+ font-weight: bold;
343
+ font-size: 32px;
344
+ padding: 8px 0;
319
345
  }
346
+ }
347
+ }
348
+
349
+ a.selected{
350
+ background-image: url(backend-v2/table-sort-arrow-down.png);
351
+ background-position: 99px center;
352
+ background-repeat: no-repeat;
353
+ }
354
+ }
320
355
 
356
+ .add-reminder-trigger-show{
357
+ overflow: visible !important;
358
+ background: rgb(231, 231, 231);
359
+ }
321
360
  }
361
+
322
362
  .actions{
323
- float:right;
324
- span{
363
+ float: right;
364
+
365
+ span {
325
366
  display: inline-block;
326
367
  padding: 5px 10px;
327
368
  min-width: 40px;
@@ -329,10 +370,12 @@
329
370
  margin: 15px 5px;
330
371
  cursor: pointer;
331
372
  }
332
- .cancel{
373
+
374
+ .cancel {
333
375
  background: #b6b6b6;
334
376
  }
335
- .ok{
377
+
378
+ .ok {
336
379
  background: #4a9aff;
337
380
  color: #fff;
338
381
  }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jquery-datetimepicker
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.5
4
+ version: 0.0.6
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -26,7 +26,7 @@ files:
26
26
  - lib/jquery-datetimepicker.rb
27
27
  - lib/jquery-datetimepicker/version.rb
28
28
  - vendor/assets/javascripts/jquery-datetimepicker.js
29
- - vendor/assets/stylesheets/jquery-datetimepicker.css
29
+ - vendor/assets/stylesheets/jquery-datetimepicker.css.scss
30
30
  homepage: https://github.com/BigPurpleDot/jquery-datetimepicker
31
31
  licenses: []
32
32
  post_install_message: