bootstrap-daterangepicker-rails 0.1.1 → 0.1.2

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,135 +1,12 @@
1
- /*!
2
- * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
3
- *
4
- * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
5
- * Licensed under the Apache License v2.0
6
- * http://www.apache.org/licenses/LICENSE-2.0
7
- *
8
- * Built for http://www.improvely.com
9
- */
10
-
11
- .daterangepicker.dropdown-menu {
12
- max-width: none;
13
- z-index: 3000;
14
- }
15
-
16
- .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
17
- float: left;
18
- margin: 4px;
19
- }
20
-
21
- .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar,
22
- .daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar {
23
- float: right;
24
- margin: 4px;
25
- }
26
-
27
- .daterangepicker.single .ranges, .daterangepicker.single .calendar {
28
- float: none;
29
- }
30
-
31
- .daterangepicker .ranges {
32
- width: 160px;
33
- text-align: left;
34
- }
35
-
36
- .daterangepicker .ranges .range_inputs>div {
37
- float: left;
38
- }
39
-
40
- .daterangepicker .ranges .range_inputs>div:nth-child(2) {
41
- padding-left: 11px;
42
- }
43
-
44
- .daterangepicker .calendar {
45
- display: none;
46
- max-width: 270px;
47
- }
48
-
49
- .daterangepicker.show-calendar .calendar {
50
- display: block;
51
- }
52
-
53
- .daterangepicker .calendar.single .calendar-date {
54
- border: none;
55
- }
56
-
57
- .daterangepicker .calendar th, .daterangepicker .calendar td {
58
- font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
59
- white-space: nowrap;
60
- text-align: center;
61
- min-width: 32px;
62
- }
63
-
64
- .daterangepicker .daterangepicker_start_input label,
65
- .daterangepicker .daterangepicker_end_input label {
66
- color: #333;
67
- display: block;
68
- font-size: 11px;
69
- font-weight: normal;
70
- height: 20px;
71
- line-height: 20px;
72
- margin-bottom: 2px;
73
- text-shadow: #fff 1px 1px 0px;
74
- text-transform: uppercase;
75
- width: 74px;
76
- }
77
-
78
- .daterangepicker .ranges input {
79
- font-size: 11px;
80
- }
81
-
82
- .daterangepicker .ranges .input-mini {
83
- border: 1px solid #ccc;
84
- border-radius: 4px;
85
- color: #555;
86
- display: block;
87
- font-size: 11px;
88
- height: 30px;
89
- line-height: 30px;
90
- vertical-align: middle;
91
- margin: 0 0 10px 0;
92
- padding: 0 6px;
93
- width: 74px;
94
- }
95
-
96
- .daterangepicker .ranges ul {
97
- list-style: none;
98
- margin: 0;
99
- padding: 0;
100
- }
101
-
102
- .daterangepicker .ranges li {
103
- font-size: 13px;
104
- background: #f5f5f5;
105
- border: 1px solid #f5f5f5;
106
- color: #08c;
107
- padding: 3px 12px;
108
- margin-bottom: 8px;
109
- -webkit-border-radius: 5px;
110
- -moz-border-radius: 5px;
111
- border-radius: 5px;
112
- cursor: pointer;
113
- }
114
-
115
- .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
116
- background: #08c;
117
- border: 1px solid #08c;
118
- color: #fff;
119
- }
120
-
121
- .daterangepicker .calendar-date {
122
- border: 1px solid #ddd;
123
- padding: 4px;
124
- border-radius: 4px;
125
- background: #fff;
126
- }
1
+ /**
2
+ * A stylesheet for use with Bootstrap 3.x
3
+ * @author: Dan Grossman http://www.dangrossman.info/
4
+ * @copyright: Copyright (c) 2012-2015 Dan Grossman. All rights reserved.
5
+ * @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
6
+ * @website: https://www.improvely.com/
7
+ */
127
8
 
128
- .daterangepicker .calendar-time {
129
- text-align: center;
130
- margin: 8px auto 0 auto;
131
- line-height: 30px;
132
- }
9
+ /* Container Appearance */
133
10
 
134
11
  .daterangepicker {
135
12
  position: absolute;
@@ -138,9 +15,8 @@
138
15
  left: 20px;
139
16
  padding: 4px;
140
17
  margin-top: 1px;
141
- -webkit-border-radius: 4px;
142
- -moz-border-radius: 4px;
143
18
  border-radius: 4px;
19
+ width:278px;
144
20
  }
145
21
 
146
22
  .daterangepicker.opensleft:before {
@@ -169,7 +45,7 @@
169
45
  .daterangepicker.openscenter:before {
170
46
  position: absolute;
171
47
  top: -7px;
172
- left: 0;
48
+ left: 0;
173
49
  right: 0;
174
50
  width: 0;
175
51
  margin-left: auto;
@@ -185,8 +61,8 @@
185
61
  .daterangepicker.openscenter:after {
186
62
  position: absolute;
187
63
  top: -6px;
188
- left: 0;
189
- right: 0;
64
+ left: 0;
65
+ right: 0;
190
66
  width: 0;
191
67
  margin-left: auto;
192
68
  margin-right: auto;
@@ -220,6 +96,60 @@
220
96
  content: '';
221
97
  }
222
98
 
99
+ .daterangepicker.dropup{
100
+ margin-top: -5px;
101
+ }
102
+ .daterangepicker.dropup:before{
103
+ top: initial;
104
+ bottom:-7px;
105
+ border-bottom: initial;
106
+ border-top: 7px solid #ccc;
107
+ }
108
+ .daterangepicker.dropup:after{
109
+ top: initial;
110
+ bottom:-6px;
111
+ border-bottom: initial;
112
+ border-top: 6px solid #fff;
113
+ }
114
+
115
+ .daterangepicker.dropdown-menu {
116
+ max-width: none;
117
+ z-index: 3000;
118
+ }
119
+
120
+ .daterangepicker.single .ranges, .daterangepicker.single .calendar {
121
+ float: none;
122
+ }
123
+
124
+ .daterangepicker .calendar {
125
+ display: none;
126
+ max-width: 270px;
127
+ margin: 4px;
128
+ }
129
+
130
+ .daterangepicker.show-calendar .calendar {
131
+ display: block;
132
+ }
133
+
134
+ .daterangepicker .calendar.single .calendar-table {
135
+ border: none;
136
+ }
137
+
138
+ /* Calendars */
139
+
140
+ .daterangepicker .calendar th, .daterangepicker .calendar td {
141
+ white-space: nowrap;
142
+ text-align: center;
143
+ min-width: 32px;
144
+ }
145
+
146
+ .daterangepicker .calendar-table {
147
+ border: 1px solid #ddd;
148
+ padding: 4px;
149
+ border-radius: 4px;
150
+ background: #fff;
151
+ }
152
+
223
153
  .daterangepicker table {
224
154
  width: 100%;
225
155
  margin: 0;
@@ -229,19 +159,20 @@
229
159
  text-align: center;
230
160
  width: 20px;
231
161
  height: 20px;
232
- -webkit-border-radius: 4px;
233
- -moz-border-radius: 4px;
234
162
  border-radius: 4px;
235
- cursor: pointer;
236
163
  white-space: nowrap;
164
+ cursor: pointer;
237
165
  }
238
166
 
239
- .daterangepicker td.off {
167
+ .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
240
168
  color: #999;
169
+ background: #fff;
241
170
  }
242
171
 
243
172
  .daterangepicker td.disabled, .daterangepicker option.disabled {
244
173
  color: #999;
174
+ cursor: not-allowed;
175
+ text-decoration: line-through;
245
176
  }
246
177
 
247
178
  .daterangepicker td.available:hover, .daterangepicker th.available:hover {
@@ -250,26 +181,18 @@
250
181
 
251
182
  .daterangepicker td.in-range {
252
183
  background: #ebf4f8;
253
- -webkit-border-radius: 0;
254
- -moz-border-radius: 0;
255
184
  border-radius: 0;
256
185
  }
257
186
 
258
187
  .daterangepicker td.start-date {
259
- -webkit-border-radius: 4px 0 0 4px;
260
- -moz-border-radius: 4px 0 0 4px;
261
188
  border-radius: 4px 0 0 4px;
262
189
  }
263
190
 
264
191
  .daterangepicker td.end-date {
265
- -webkit-border-radius: 0 4px 4px 0;
266
- -moz-border-radius: 0 4px 4px 0;
267
192
  border-radius: 0 4px 4px 0;
268
193
  }
269
194
 
270
195
  .daterangepicker td.start-date.end-date {
271
- -webkit-border-radius: 4px;
272
- -moz-border-radius: 4px;
273
196
  border-radius: 4px;
274
197
  }
275
198
 
@@ -306,15 +229,147 @@
306
229
  margin-bottom: 0;
307
230
  }
308
231
 
309
- .daterangepicker_start_input {
310
- float: left;
232
+ .daterangepicker th.month {
233
+ width: auto;
311
234
  }
312
235
 
313
- .daterangepicker_end_input {
314
- float: left;
315
- padding-left: 11px
236
+ /* Text Input Above Each Calendar */
237
+
238
+ .daterangepicker .input-mini {
239
+ border: 1px solid #ccc;
240
+ border-radius: 4px;
241
+ color: #555;
242
+ display: block;
243
+ height: 30px;
244
+ line-height: 30px;
245
+ vertical-align: middle;
246
+ margin: 0 0 5px 0;
247
+ padding: 0 6px 0 28px;
248
+ width: 100%;
316
249
  }
317
250
 
318
- .daterangepicker th.month {
319
- width: auto;
251
+ .daterangepicker .input-mini.active {
252
+ border: 1px solid #357ebd;
253
+ }
254
+
255
+ .daterangepicker .daterangepicker_input i {
256
+ position: absolute;
257
+ left: 8px;
258
+ top: 8px;
259
+ }
260
+
261
+ .daterangepicker .daterangepicker_input {
262
+ position: relative;
263
+ }
264
+
265
+ /* Time Picker */
266
+
267
+ .daterangepicker .calendar-time {
268
+ text-align: center;
269
+ margin: 5px auto;
270
+ line-height: 30px;
271
+ position: relative;
272
+ padding-left: 28px;
273
+ }
274
+
275
+ .daterangepicker .calendar-time select.disabled {
276
+ color: #ccc;
277
+ cursor: not-allowed;
278
+ }
279
+
280
+ /* Predefined Ranges */
281
+
282
+ .daterangepicker .ranges {
283
+ font-size: 11px;
284
+ float: none;
285
+ margin: 4px;
286
+ text-align: left;
287
+ }
288
+
289
+ .daterangepicker .ranges ul {
290
+ list-style: none;
291
+ margin: 0 auto;
292
+ padding: 0;
293
+ width: 100%;
294
+ }
295
+
296
+ .daterangepicker .ranges li {
297
+ font-size: 13px;
298
+ background: #f5f5f5;
299
+ border: 1px solid #f5f5f5;
300
+ color: #08c;
301
+ padding: 3px 12px;
302
+ margin-bottom: 8px;
303
+ border-radius: 5px;
304
+ cursor: pointer;
305
+ }
306
+
307
+ .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
308
+ background: #08c;
309
+ border: 1px solid #08c;
310
+ color: #fff;
311
+ }
312
+
313
+ /* Larger Screen Styling */
314
+ @media (min-width: 564px) {
315
+ .daterangepicker{
316
+ width: auto;
317
+ }
318
+
319
+ .daterangepicker .ranges ul {
320
+ width: 160px;
321
+ }
322
+ .daterangepicker.single .ranges ul {
323
+ width: 100%;
324
+ }
325
+ .daterangepicker .calendar.left .calendar-table {
326
+ border-right: none;
327
+ border-top-right-radius: 0;
328
+ border-bottom-right-radius: 0;
329
+ }
330
+
331
+ .daterangepicker .calendar.right .calendar-table {
332
+ border-left: none;
333
+ border-top-left-radius: 0;
334
+ border-bottom-left-radius: 0;
335
+ }
336
+
337
+ .daterangepicker .calendar.left {
338
+ clear: left;
339
+ margin-right: 0;
340
+ }
341
+ .daterangepicker.single .calendar.left {
342
+ clear: none;
343
+ }
344
+ .daterangepicker.single .ranges,
345
+ .daterangepicker.single .calendar{
346
+ float:left;
347
+ }
348
+
349
+ .daterangepicker .calendar.right {
350
+ margin-left: 0;
351
+ }
352
+
353
+ .daterangepicker .left .daterangepicker_input {
354
+ padding-right: 12px;
355
+ }
356
+
357
+ .daterangepicker .calendar.left .calendar-table {
358
+ padding-right: 12px;
359
+ }
360
+
361
+ .daterangepicker .ranges,
362
+ .daterangepicker .calendar {
363
+ float: left;
364
+ }
365
+ }
366
+
367
+ @media (min-width: 730px) {
368
+ .daterangepicker .ranges {
369
+ width: auto;
370
+ float: left;
371
+ }
372
+ .daterangepicker .calendar.left {
373
+ clear: none;
374
+ }
320
375
  }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: bootstrap-daterangepicker-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.1
4
+ version: 0.1.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dan Grossman
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2014-12-18 00:00:00.000000000 Z
12
+ date: 2015-10-19 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: railties