flashgrid 1.0.20 → 1.0.21

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