flashgrid 1.0.20 → 1.0.21

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.
Files changed (35) hide show
  1. checksums.yaml +4 -4
  2. data/lib/flashgrid/version.rb +1 -1
  3. data/vendor/assets/javascripts/affix.js +2 -4
  4. data/vendor/assets/javascripts/collapse.js +6 -4
  5. data/vendor/assets/javascripts/dropdown.js +7 -7
  6. data/vendor/assets/javascripts/map.js +39 -25
  7. data/vendor/assets/javascripts/modal.js +35 -12
  8. data/vendor/assets/javascripts/popover.js +1 -1
  9. data/vendor/assets/javascripts/tooltip.js +64 -40
  10. data/vendor/assets/javascripts/transition.js +4 -4
  11. data/vendor/assets/stylesheets/ad.css.scss +1 -1
  12. data/vendor/assets/stylesheets/affix.css.scss +5 -1
  13. data/vendor/assets/stylesheets/alert.css.scss +5 -5
  14. data/vendor/assets/stylesheets/breadcrumb.css.scss +1 -1
  15. data/vendor/assets/stylesheets/button.css.scss +58 -11
  16. data/vendor/assets/stylesheets/code.css.scss +3 -3
  17. data/vendor/assets/stylesheets/datepicker.css.scss +5 -5
  18. data/vendor/assets/stylesheets/dropdown.css.scss +2 -2
  19. data/vendor/assets/stylesheets/form.css.scss +6 -6
  20. data/vendor/assets/stylesheets/header.css.scss +2 -2
  21. data/vendor/assets/stylesheets/image.css.scss +1 -1
  22. data/vendor/assets/stylesheets/label_and_badge.css.scss +4 -4
  23. data/vendor/assets/stylesheets/map.css.scss +1 -1
  24. data/vendor/assets/stylesheets/modal.css.scss +3 -3
  25. data/vendor/assets/stylesheets/pagination.css.scss +3 -3
  26. data/vendor/assets/stylesheets/panel.css.scss +3 -3
  27. data/vendor/assets/stylesheets/placeholder.css.scss +1 -1
  28. data/vendor/assets/stylesheets/popover.css.scss +5 -4
  29. data/vendor/assets/stylesheets/progress.css.scss +2 -2
  30. data/vendor/assets/stylesheets/tab.css.scss +12 -12
  31. data/vendor/assets/stylesheets/table.css.scss +5 -5
  32. data/vendor/assets/stylesheets/tooltip.css.scss +2 -1
  33. data/vendor/assets/stylesheets/trunk.css.scss +4 -4
  34. data/vendor/assets/stylesheets/typography.css.scss +5 -1
  35. metadata +2 -2
@@ -8,10 +8,10 @@
8
8
  var el = document.createElement('bootstrap')
9
9
 
10
10
  var transEndEventNames = {
11
- 'WebkitTransition' : 'webkitTransitionEnd',
12
- 'MozTransition' : 'transitionend',
13
- 'OTransition' : 'oTransitionEnd otransitionend',
14
- 'transition' : 'transitionend'
11
+ WebkitTransition : 'webkitTransitionEnd',
12
+ MozTransition : 'transitionend',
13
+ OTransition : 'oTransitionEnd otransitionend',
14
+ transition : 'transitionend'
15
15
  }
16
16
 
17
17
  for (var name in transEndEventNames) {
@@ -5,7 +5,7 @@
5
5
  /* #Ad
6
6
  ================================================== */
7
7
  .ad {
8
- background-color: rgba(236,238,241,1);
8
+ background: rgba(236,238,241,1);
9
9
  height: 220px;
10
10
  width: 220px;
11
11
  }
@@ -4,4 +4,8 @@
4
4
 
5
5
  /* #Affix
6
6
  ================================================== */
7
- .affix { position: fixed; }
7
+ .affix { position: fixed; }
8
+ .affix-bottom {
9
+ position: absolute;
10
+ top: auto;
11
+ }
@@ -5,7 +5,7 @@
5
5
  /* #Alert
6
6
  ================================================== */
7
7
  .alert {
8
- background-color: rgba(236,238,241,1);
8
+ background: rgba(236,238,241,1);
9
9
  border-bottom: 1px solid rgba(217,222,225,1);
10
10
  color: rgba(71,74,84,1);
11
11
  font-size: 16px;
@@ -38,23 +38,23 @@
38
38
  }
39
39
  .alert-green,
40
40
  .alert-success {
41
- background-color: rgba(223,240,216,1);
41
+ background: rgba(223,240,216,1);
42
42
  border-color: rgba(204,223,188,1);
43
43
  }
44
44
  .alert-yellow,
45
45
  .alert-warning {
46
- background-color: rgba(252,248,227,1);
46
+ background: rgba(252,248,227,1);
47
47
  border-color: rgba(244,228,203,1);
48
48
  }
49
49
  .alert-red,
50
50
  .alert-error,
51
51
  .alert-alert {
52
- background-color: rgba(242,222,222,1);
52
+ background: rgba(242,222,222,1);
53
53
  border-color: rgba(228,201,205,1);
54
54
  }
55
55
  .alert-black,
56
56
  .alert-system {
57
- background-color: rgba(71,74,84,1);
57
+ background: rgba(71,74,84,1);
58
58
  border-color: rgba(61,64,74,1);
59
59
  color: rgba(255,255,255,1);
60
60
  }
@@ -14,7 +14,7 @@
14
14
  font-size: 12px;
15
15
  font-weight: bold;
16
16
  }
17
- .breadcrumb > li > a {
17
+ .breadcrumb > li > a {
18
18
  color: rgba(58,144,216,1);
19
19
  opacity: 0.8;
20
20
  }
@@ -35,14 +35,19 @@
35
35
  text-rendering: geometricPrecision;
36
36
  vertical-align: middle;
37
37
  }
38
- .btn:hover {
38
+ .btn:hover,
39
+ .btn[disabled],
40
+ .btn[disabled]:hover {
39
41
  background: rgba(226,228,231,1);
40
42
  text-decoration: none;
41
- -webkit-transition: all 0.1s linear;
42
- transition: all 0.1s linear;
43
+ -webkit-transition: all 0.3s linear;
44
+ transition: all 0.3s linear;
43
45
  }
44
46
  .btn[disabled],
45
- .btn[disabled]:hover { cursor: not-allowed; }
47
+ .btn[disabled]:hover {
48
+ color: rgba(71,74,84,1);
49
+ cursor: not-allowed;
50
+ }
46
51
 
47
52
  /* #Button Sizes
48
53
  ================================================== */
@@ -55,7 +60,7 @@
55
60
  .btn-small {
56
61
  font-size: 11px;
57
62
  line-height: 11px;
58
- padding: 8px 15px;
63
+ padding: 7px 15px 9px 15px;
59
64
  }
60
65
  .btn-mini {
61
66
  font-size: 9px;
@@ -77,31 +82,45 @@ input.btn-block {
77
82
  /* #Button Colors
78
83
  ================================================== */
79
84
  .btn-black,
85
+ .btn-black[disabled],
80
86
  .btn-blue,
87
+ .btn-blue[disabled],
81
88
  .btn-green,
82
- .btn-red { color: rgba(255,255,255,1); }
89
+ .btn-green[disabled],
90
+ .btn-red,
91
+ .btn-red[disabled] { color: rgba(255,255,255,1); }
83
92
  .btn-black {
84
93
  background: rgba(61,64,74,1);
85
94
  border-color: rgba(11,14,24,1);
86
95
  }
87
- .btn-black:hover { background: rgba(51,54,64,1); }
96
+ .btn-black:hover,
97
+ .btn-black[disabled],
98
+ .btn-black[disabled]:hover { background: rgba(51,54,64,1); }
88
99
  .btn-blue {
89
100
  background: rgba(58,144,216,1);
90
101
  border-color: rgba(28,114,186,1);
91
102
  }
92
- .btn-blue:hover { background: rgba(48,134,206,1); }
103
+ .btn-blue:hover,
104
+ .btn-blue[disabled],
105
+ .btn-blue[disabled]:hover { background: rgba(48,134,206,1); }
93
106
  .btn-green {
94
107
  background: rgba(122,179,23,1);
95
108
  border-color: rgba(102,159,3,1);
96
109
  }
97
- .btn-green:hover { background: rgba(112,169,13,1); }
110
+ .btn-green:hover,
111
+ .btn-green[disabled],
112
+ .btn-green[disabled]:hover { background: rgba(112,169,13,1); }
98
113
  .btn-red {
99
114
  background: rgba(220,74,56,1);
100
115
  border-color: rgba(180,34,16,1);
101
116
  }
102
- .btn-red:hover { background: rgba(210,64,46,1); }
117
+ .btn-red:hover,
118
+ .btn-red[disabled],
119
+ .btn-red[disabled]:hover { background: rgba(210,64,46,1); }
103
120
  .btn-white { background: rgba(255,255,255,1); }
104
- .btn-white:hover { background: rgba(226,228,231,1); }
121
+ .btn-white:hover,
122
+ .btn-white[disabled],
123
+ .btn-white[disabled]:hover { background: rgba(226,228,231,1); }
105
124
 
106
125
  /* #Button Links
107
126
  ================================================== */
@@ -188,6 +207,34 @@ input.btn-block {
188
207
  /* #Button Styles
189
208
  ================================================== */
190
209
  .btn-round { border-radius: 500px; }
210
+ .btn-uppercase {
211
+ font-size: 12px;
212
+ letter-spacing: 1px;
213
+ line-height: 12px;
214
+ padding-bottom: 13px;
215
+ text-transform: uppercase;
216
+ }
217
+ .btn-xlarge.btn-uppercase {
218
+ font-size: 13px;
219
+ line-height: 13px;
220
+ padding: 20px 30px;
221
+ }
222
+ .btn-large.btn-uppercase {
223
+ font-size: 13px;
224
+ line-height: 13px;
225
+ padding-bottom: 16px;
226
+ padding-top: 16px;
227
+ }
228
+ .btn-small.btn-uppercase {
229
+ font-size: 10px;
230
+ line-height: 10px;
231
+ padding-top: 8px;
232
+ }
233
+ .btn-mini.btn-uppercase {
234
+ font-size: 8px;
235
+ line-height: 8px;
236
+ padding-bottom: 7px;
237
+ }
191
238
 
192
239
  /* #Button Group
193
240
  ================================================== */
@@ -7,7 +7,7 @@
7
7
  /* #Code
8
8
  ================================================== */
9
9
  code {
10
- background-color: rgba(236,238,241,1);
10
+ background: rgba(236,238,241,1);
11
11
  border-radius: 2px;
12
12
  color: rgba(43,50,53,1);
13
13
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
@@ -23,7 +23,7 @@ code {
23
23
  /* #Pre
24
24
  ================================================== */
25
25
  pre {
26
- background-color: rgba(236,238,241,1);
26
+ background: rgba(236,238,241,1);
27
27
  border-radius: 3px;
28
28
  color: rgba(43,50,53,1);
29
29
  display: block;
@@ -49,7 +49,7 @@ pre {
49
49
  } /* Comment */
50
50
  .err {
51
51
  color: rgba(254,79,50,1);
52
- background-color: rgba(71,74,84,1);
52
+ background: rgba(71,74,84,1);
53
53
  } /* Error */
54
54
  .k { color: rgba(58,144,216,1); } /* Keyword */
55
55
  .cm {
@@ -65,7 +65,7 @@
65
65
  width: 20px;
66
66
  }
67
67
  .datepicker td.day:hover {
68
- background-color: rgba(58,144,216,1);
68
+ background: rgba(58,144,216,1);
69
69
  border-radius: 500px;
70
70
  color: rgba(255,255,255,1);
71
71
  cursor: pointer;
@@ -86,7 +86,7 @@
86
86
  .datepicker td.active:hover.disabled,
87
87
  .datepicker td.active[disabled],
88
88
  .datepicker td.active:hover[disabled] {
89
- background-color: rgba(122,179,23,1);
89
+ background: rgba(122,179,23,1);
90
90
  border-radius: 500px;
91
91
  color: rgba(255,255,255,1);
92
92
  }
@@ -100,7 +100,7 @@
100
100
  width: 46px;
101
101
  }
102
102
  .datepicker td span:hover {
103
- background-color: rgba(58,144,216,1);
103
+ background: rgba(58,144,216,1);
104
104
  color: rgba(255,255,255,1);
105
105
  cursor: pointer;
106
106
  }
@@ -111,7 +111,7 @@
111
111
  .datepicker td span.active.active,
112
112
  .datepicker td span.active.disabled,
113
113
  .datepicker td span.active[disabled] {
114
- background-color: rgba(122,179,23,1);
114
+ background: rgba(122,179,23,1);
115
115
  color: rgba(255,255,255,1);
116
116
  }
117
117
  .datepicker th.switch {
@@ -121,7 +121,7 @@
121
121
  .datepicker th.next,
122
122
  .datepicker th.prev { font-size: 17px; }
123
123
  .datepicker thead tr:first-child th:hover {
124
- background-color: rgba(58,144,216,1);
124
+ background: rgba(58,144,216,1);
125
125
  border-radius: 2px;
126
126
  color: rgba(255,255,255,1);
127
127
  cursor: pointer;
@@ -10,7 +10,7 @@
10
10
  .open .dropdown-toggle { outline: 0; }
11
11
  .dropdown-menu {
12
12
  background-clip: padding-box;
13
- background-color: rgba(246,247,249,1);
13
+ background: rgba(246,247,249,1);
14
14
  border-radius: 3px;
15
15
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
16
16
  color: rgba(71,74,84,1);
@@ -29,7 +29,7 @@
29
29
  right: 0;
30
30
  }
31
31
  .dropdown-menu .divider {
32
- background-color: rgba(0,0,0,0.1);
32
+ background: rgba(0,0,0,0.1);
33
33
  height: 1px;
34
34
  margin: 5px 0px;
35
35
  overflow: hidden;
@@ -43,7 +43,7 @@ input[type="color"],
43
43
  .uneditable-input {
44
44
  -webkit-appearance: none;
45
45
  -moz-appearance: none;
46
- background-color: rgba(255,255,255,1);
46
+ background: rgba(255,255,255,1);
47
47
  border: 1px solid rgba(217,222,225,1);
48
48
  border-radius: 0;
49
49
  -moz-box-sizing: border-box;
@@ -82,8 +82,8 @@ input[type="color"]:focus,
82
82
  border-color: rgba(58,144,216,1);
83
83
  outline: 0;
84
84
  outline: thin dotted \9;
85
- -webkit-transition: background-color 150ms linear;
86
- transition: background-color 150ms linear;
85
+ -webkit-transition: background 150ms linear;
86
+ transition: background 150ms linear;
87
87
  }
88
88
  input[type="radio"],
89
89
  input[type="checkbox"] {
@@ -161,7 +161,7 @@ input[disabled],
161
161
  textarea[disabled],
162
162
  select[disabled],
163
163
  .uneditable-input {
164
- background-color: rgba(246,247,249,1);
164
+ background: rgba(246,247,249,1);
165
165
  color: rgba(158,171,179,1);
166
166
  cursor: not-allowed;
167
167
  }
@@ -183,7 +183,7 @@ select.form-input-initial-width {
183
183
  .form-header h5,
184
184
  .form-header h6 { margin-bottom: 0; }
185
185
  .form-cap {
186
- background-color: rgba(58,144,216,1);
186
+ background: rgba(58,144,216,1);
187
187
  border-top-left-radius: 3px;
188
188
  border-top-right-radius: 3px;
189
189
  color: rgba(255,255,255,1);
@@ -196,7 +196,7 @@ select.form-input-initial-width {
196
196
  }
197
197
  .form-error-messages { margin-bottom: 40px; }
198
198
  .form-error-messages h4 {
199
- background-color: rgba(236,238,241,1);
199
+ background: rgba(236,238,241,1);
200
200
  border: 1px solid rgba(217,222,225,1);
201
201
  margin: 0;
202
202
  padding: 5px 10px;
@@ -23,7 +23,7 @@
23
23
  margin: 22px 0 0 30px;
24
24
  }
25
25
  .header-search input {
26
- background-color: transparent;
26
+ background: transparent;
27
27
  border-color: rgba(255,255,255,0.25);
28
28
  color: rgba(255,255,255,1);
29
29
  font-weight: 200;
@@ -86,7 +86,7 @@
86
86
  .header-user a:hover { color: rgba(255,255,255,1); }
87
87
  .header-user img,
88
88
  .header-user-placeholder {
89
- background-color: rgba(174,182,192,1);
89
+ background: rgba(174,182,192,1);
90
90
  color: rgba(255,255,255,1);
91
91
  border-radius: 500px;
92
92
  display: inline-block;
@@ -96,7 +96,7 @@ img {
96
96
  font-size: 0;
97
97
  height: 80px;
98
98
  padding: 0;
99
- width: 80px;
99
+ width: 80px;
100
100
  }
101
101
  .img-icon i,
102
102
  .img-icon-small i,
@@ -6,7 +6,7 @@
6
6
  ================================================== */
7
7
  .label,
8
8
  .badge {
9
- background-color: rgba(236,238,241,1);
9
+ background: rgba(236,238,241,1);
10
10
  border: 1px solid rgba(217,222,225,1);
11
11
  border-radius: 2px;
12
12
  color: rgba(71,74,84,1);
@@ -31,17 +31,17 @@ a.badge:hover,
31
31
  a.badge:focus { text-decoration: none; }
32
32
  .label-green,
33
33
  .badge-green {
34
- background-color: rgba(223,240,216,1);
34
+ background: rgba(223,240,216,1);
35
35
  border-color: rgba(204,223,188,1);
36
36
  }
37
37
  .label-yellow,
38
38
  .badge-yellow {
39
- background-color: rgba(252,248,227,1);
39
+ background: rgba(252,248,227,1);
40
40
  border-color: rgba(244,228,203,1);
41
41
  }
42
42
  .label-red,
43
43
  .badge-red {
44
- background-color: rgba(242,222,222,1);
44
+ background: rgba(242,222,222,1);
45
45
  border-color: rgba(228,201,205,1);
46
46
  }
47
47
  .btn .label,
@@ -5,7 +5,7 @@
5
5
  /* #Map
6
6
  ================================================== */
7
7
  .map {
8
- background-color: rgba(236,238,241,1);
8
+ background: rgba(236,238,241,1);
9
9
  display: block;
10
10
  min-height: 220px;
11
11
  min-width:220px;
@@ -6,7 +6,7 @@
6
6
  /* #Modal
7
7
  ================================================== */
8
8
  .modal-backdrop {
9
- background-color: rgba(71,74,84,1);
9
+ background: rgba(71,74,84,1);
10
10
  bottom: 0;
11
11
  left: 0;
12
12
  position: fixed;
@@ -22,7 +22,7 @@
22
22
  }
23
23
  .modal {
24
24
  background-clip: padding-box;
25
- background-color: rgba(255,255,255,1);
25
+ background: rgba(255,255,255,1);
26
26
  border-radius: 5px;
27
27
  box-shadow: 0 0 3px rgba(0,0,0,0.25);
28
28
  left: 50%;
@@ -99,7 +99,7 @@ input[type="submit"].modal-footer-btn {
99
99
  font-weight: 500;
100
100
  line-height: 13px;
101
101
  margin: 0;
102
- padding: 18px 0 16px 0;
102
+ padding: 20px 0 18px 0;
103
103
  text-align: center;
104
104
  text-indent: 0;
105
105
  text-rendering: geometricPrecision;
@@ -17,7 +17,7 @@
17
17
  margin-right: 2px;
18
18
  }
19
19
  .pagination ul > li > a {
20
- background-color: rgba(236,238,241,1);
20
+ background: rgba(236,238,241,1);
21
21
  border-radius: 500px;
22
22
  color: rgba(43,50,53,1);
23
23
  min-width: 8px;
@@ -26,9 +26,9 @@
26
26
  text-decoration: none;
27
27
  }
28
28
  .pagination ul > li > a:hover,
29
- .pagination ul > li > a:focus { background-color: rgba(226,228,231,1); }
29
+ .pagination ul > li > a:focus { background: rgba(226,228,231,1); }
30
30
  .pagination ul > .active {
31
- background-color: rgba(79,148,210,1);
31
+ background: rgba(79,148,210,1);
32
32
  border-radius: 500px;
33
33
  color: rgba(255,255,255,1);
34
34
  min-width: 8px;