jquery-datetimepicker 0.0.5 → 0.0.6

Sign up to get free protection for your applications and to get access to all the features.
@@ -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: