ui_bibz 2.0.0 → 2.0.1
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.
- checksums.yaml +4 -4
- data/Gemfile.lock +68 -60
- data/app/assets/javascripts/input-connected.coffee +2 -0
- data/app/assets/javascripts/interface.coffee +12 -3
- data/app/assets/javascripts/ui_bibz.coffee +18 -21
- data/app/assets/stylesheets/_custom_variables.sass +3 -3
- data/app/assets/stylesheets/_panel.scss +1 -1
- data/app/assets/stylesheets/forms.sass +3 -5
- data/app/assets/stylesheets/navigations.sass +3 -0
- data/app/assets/stylesheets/notifications.sass +7 -0
- data/lib/ui_bibz/inputs/ui_bibz_form/ui_bibz_form_builder.rb +15 -6
- data/lib/ui_bibz/inputs/ui_bibz_inputs/base_input.rb +1 -1
- data/lib/ui_bibz/inputs/ui_bibz_inputs/collection_input.rb +1 -1
- data/lib/ui_bibz/inputs/ui_bibz_inputs/string_input.rb +1 -7
- data/lib/ui_bibz/inputs/ui_bibz_inputs/ui_text_field_input.rb +1 -1
- data/lib/ui_bibz/rails/engine.rb +7 -0
- data/lib/ui_bibz/ui/core/boxes/components/card_image.rb +2 -2
- data/lib/ui_bibz/ui/core/component.rb +4 -4
- data/lib/ui_bibz/ui/core/forms/surrounds/surround_field.rb +8 -1
- data/lib/ui_bibz/ui/core/navigations/components/nav_link.rb +7 -1
- data/lib/ui_bibz/ui/core/navigations/components/nav_link_span.rb +51 -0
- data/lib/ui_bibz/ui/core/navigations/components/navbar_form.rb +2 -2
- data/lib/ui_bibz/ui/core/navigations/tab_group.rb +1 -1
- data/lib/ui_bibz/ui/core/notifications/alert.rb +6 -0
- data/lib/ui_bibz/ui/ux/tables/extensions/sortable.rb +4 -4
- data/lib/ui_bibz/version.rb +1 -1
- data/lib/ui_bibz.rb +27 -0
- data/test/dummy/config/environments/test.rb +1 -0
- data/test/ui/core/boxes/card_test.rb +1 -1
- data/test/ui/core/navigations/navbar_test.rb +1 -1
- data/test/ui/core/notifications/alert_test.rb +7 -0
- data/test/ui/ux/tables/table_test.rb +7 -6
- data/ui_bibz.gemspec +0 -1
- data/vendor/assets/javascripts/jquery-ui.min.js +5 -3
- data/vendor/assets/stylesheets/awesome-bootstrap-checkbox.css +327 -0
- data/vendor/assets/stylesheets/jquery-ui.css +609 -0
- metadata +6 -5
- data/lib/ui_bibz/inputs/ui_bibz_inputs/auto_complete_field_input.rb +0 -14
- data/vendor/assets/stylesheets/awesome-bootstrap-checkbox.scss +0 -270
|
@@ -0,0 +1,327 @@
|
|
|
1
|
+
.checkbox {
|
|
2
|
+
padding-left: 20px;
|
|
3
|
+
}
|
|
4
|
+
.checkbox label {
|
|
5
|
+
display: inline-block;
|
|
6
|
+
vertical-align: middle;
|
|
7
|
+
position: relative;
|
|
8
|
+
padding-left: 5px;
|
|
9
|
+
}
|
|
10
|
+
.checkbox label::before {
|
|
11
|
+
content: "";
|
|
12
|
+
display: inline-block;
|
|
13
|
+
position: absolute;
|
|
14
|
+
width: 17px;
|
|
15
|
+
height: 17px;
|
|
16
|
+
left: 0;
|
|
17
|
+
margin-left: -20px;
|
|
18
|
+
border: 1px solid #cccccc;
|
|
19
|
+
border-radius: 3px;
|
|
20
|
+
background-color: #fff;
|
|
21
|
+
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
|
|
22
|
+
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
|
|
23
|
+
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
|
|
24
|
+
}
|
|
25
|
+
.checkbox label::after {
|
|
26
|
+
display: inline-block;
|
|
27
|
+
position: absolute;
|
|
28
|
+
width: 16px;
|
|
29
|
+
height: 16px;
|
|
30
|
+
left: 0;
|
|
31
|
+
top: 0;
|
|
32
|
+
margin-left: -20px;
|
|
33
|
+
padding-left: 3px;
|
|
34
|
+
padding-top: 1px;
|
|
35
|
+
font-size: 11px;
|
|
36
|
+
color: #555555;
|
|
37
|
+
line-height: 1.4;
|
|
38
|
+
}
|
|
39
|
+
.checkbox input[type="checkbox"],
|
|
40
|
+
.checkbox input[type="radio"] {
|
|
41
|
+
opacity: 0;
|
|
42
|
+
z-index: 1;
|
|
43
|
+
cursor: pointer;
|
|
44
|
+
}
|
|
45
|
+
.checkbox input[type="checkbox"]:focus + label::before,
|
|
46
|
+
.checkbox input[type="radio"]:focus + label::before {
|
|
47
|
+
outline: thin dotted;
|
|
48
|
+
outline: 5px auto -webkit-focus-ring-color;
|
|
49
|
+
outline-offset: -2px;
|
|
50
|
+
}
|
|
51
|
+
.checkbox input[type="checkbox"]:checked + label::after,
|
|
52
|
+
.checkbox input[type="radio"]:checked + label::after {
|
|
53
|
+
font-family: "FontAwesome";
|
|
54
|
+
content: "\f00c";
|
|
55
|
+
}
|
|
56
|
+
.checkbox input[type="checkbox"]:indeterminate + label::after,
|
|
57
|
+
.checkbox input[type="radio"]:indeterminate + label::after {
|
|
58
|
+
display: block;
|
|
59
|
+
content: "";
|
|
60
|
+
width: 10px;
|
|
61
|
+
height: 3px;
|
|
62
|
+
background-color: #555555;
|
|
63
|
+
border-radius: 2px;
|
|
64
|
+
margin-left: -16.5px;
|
|
65
|
+
margin-top: 7px;
|
|
66
|
+
}
|
|
67
|
+
.checkbox input[type="checkbox"]:disabled,
|
|
68
|
+
.checkbox input[type="radio"]:disabled {
|
|
69
|
+
cursor: not-allowed;
|
|
70
|
+
}
|
|
71
|
+
.checkbox input[type="checkbox"]:disabled + label,
|
|
72
|
+
.checkbox input[type="radio"]:disabled + label {
|
|
73
|
+
opacity: 0.65;
|
|
74
|
+
}
|
|
75
|
+
.checkbox input[type="checkbox"]:disabled + label::before,
|
|
76
|
+
.checkbox input[type="radio"]:disabled + label::before {
|
|
77
|
+
background-color: #eeeeee;
|
|
78
|
+
cursor: not-allowed;
|
|
79
|
+
}
|
|
80
|
+
.checkbox.checkbox-circle label::before {
|
|
81
|
+
border-radius: 50%;
|
|
82
|
+
}
|
|
83
|
+
.checkbox.checkbox-inline {
|
|
84
|
+
margin-top: 0;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.checkbox-primary input[type="checkbox"]:checked + label::before,
|
|
88
|
+
.checkbox-primary input[type="radio"]:checked + label::before {
|
|
89
|
+
background-color: #337ab7;
|
|
90
|
+
border-color: #337ab7;
|
|
91
|
+
}
|
|
92
|
+
.checkbox-primary input[type="checkbox"]:checked + label::after,
|
|
93
|
+
.checkbox-primary input[type="radio"]:checked + label::after {
|
|
94
|
+
color: #fff;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.checkbox-danger input[type="checkbox"]:checked + label::before,
|
|
98
|
+
.checkbox-danger input[type="radio"]:checked + label::before {
|
|
99
|
+
background-color: #d9534f;
|
|
100
|
+
border-color: #d9534f;
|
|
101
|
+
}
|
|
102
|
+
.checkbox-danger input[type="checkbox"]:checked + label::after,
|
|
103
|
+
.checkbox-danger input[type="radio"]:checked + label::after {
|
|
104
|
+
color: #fff;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.checkbox-info input[type="checkbox"]:checked + label::before,
|
|
108
|
+
.checkbox-info input[type="radio"]:checked + label::before {
|
|
109
|
+
background-color: #5bc0de;
|
|
110
|
+
border-color: #5bc0de;
|
|
111
|
+
}
|
|
112
|
+
.checkbox-info input[type="checkbox"]:checked + label::after,
|
|
113
|
+
.checkbox-info input[type="radio"]:checked + label::after {
|
|
114
|
+
color: #fff;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.checkbox-warning input[type="checkbox"]:checked + label::before,
|
|
118
|
+
.checkbox-warning input[type="radio"]:checked + label::before {
|
|
119
|
+
background-color: #f0ad4e;
|
|
120
|
+
border-color: #f0ad4e;
|
|
121
|
+
}
|
|
122
|
+
.checkbox-warning input[type="checkbox"]:checked + label::after,
|
|
123
|
+
.checkbox-warning input[type="radio"]:checked + label::after {
|
|
124
|
+
color: #fff;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.checkbox-success input[type="checkbox"]:checked + label::before,
|
|
128
|
+
.checkbox-success input[type="radio"]:checked + label::before {
|
|
129
|
+
background-color: #5cb85c;
|
|
130
|
+
border-color: #5cb85c;
|
|
131
|
+
}
|
|
132
|
+
.checkbox-success input[type="checkbox"]:checked + label::after,
|
|
133
|
+
.checkbox-success input[type="radio"]:checked + label::after {
|
|
134
|
+
color: #fff;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
|
|
138
|
+
.checkbox-primary input[type="radio"]:indeterminate + label::before {
|
|
139
|
+
background-color: #337ab7;
|
|
140
|
+
border-color: #337ab7;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
|
|
144
|
+
.checkbox-primary input[type="radio"]:indeterminate + label::after {
|
|
145
|
+
background-color: #fff;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
|
|
149
|
+
.checkbox-danger input[type="radio"]:indeterminate + label::before {
|
|
150
|
+
background-color: #d9534f;
|
|
151
|
+
border-color: #d9534f;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
|
|
155
|
+
.checkbox-danger input[type="radio"]:indeterminate + label::after {
|
|
156
|
+
background-color: #fff;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.checkbox-info input[type="checkbox"]:indeterminate + label::before,
|
|
160
|
+
.checkbox-info input[type="radio"]:indeterminate + label::before {
|
|
161
|
+
background-color: #5bc0de;
|
|
162
|
+
border-color: #5bc0de;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.checkbox-info input[type="checkbox"]:indeterminate + label::after,
|
|
166
|
+
.checkbox-info input[type="radio"]:indeterminate + label::after {
|
|
167
|
+
background-color: #fff;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
|
|
171
|
+
.checkbox-warning input[type="radio"]:indeterminate + label::before {
|
|
172
|
+
background-color: #f0ad4e;
|
|
173
|
+
border-color: #f0ad4e;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
|
|
177
|
+
.checkbox-warning input[type="radio"]:indeterminate + label::after {
|
|
178
|
+
background-color: #fff;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.checkbox-success input[type="checkbox"]:indeterminate + label::before,
|
|
182
|
+
.checkbox-success input[type="radio"]:indeterminate + label::before {
|
|
183
|
+
background-color: #5cb85c;
|
|
184
|
+
border-color: #5cb85c;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.checkbox-success input[type="checkbox"]:indeterminate + label::after,
|
|
188
|
+
.checkbox-success input[type="radio"]:indeterminate + label::after {
|
|
189
|
+
background-color: #fff;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.radio {
|
|
193
|
+
padding-left: 20px;
|
|
194
|
+
}
|
|
195
|
+
.radio label {
|
|
196
|
+
display: inline-block;
|
|
197
|
+
vertical-align: middle;
|
|
198
|
+
position: relative;
|
|
199
|
+
padding-left: 5px;
|
|
200
|
+
}
|
|
201
|
+
.radio label::before {
|
|
202
|
+
content: "";
|
|
203
|
+
display: inline-block;
|
|
204
|
+
position: absolute;
|
|
205
|
+
width: 17px;
|
|
206
|
+
height: 17px;
|
|
207
|
+
left: 0;
|
|
208
|
+
margin-left: -20px;
|
|
209
|
+
border: 1px solid #cccccc;
|
|
210
|
+
border-radius: 50%;
|
|
211
|
+
background-color: #fff;
|
|
212
|
+
-webkit-transition: border 0.15s ease-in-out;
|
|
213
|
+
-o-transition: border 0.15s ease-in-out;
|
|
214
|
+
transition: border 0.15s ease-in-out;
|
|
215
|
+
}
|
|
216
|
+
.radio label::after {
|
|
217
|
+
display: inline-block;
|
|
218
|
+
position: absolute;
|
|
219
|
+
content: " ";
|
|
220
|
+
width: 11px;
|
|
221
|
+
height: 11px;
|
|
222
|
+
left: 3px;
|
|
223
|
+
top: 3px;
|
|
224
|
+
margin-left: -20px;
|
|
225
|
+
border-radius: 50%;
|
|
226
|
+
background-color: #555555;
|
|
227
|
+
-webkit-transform: scale(0, 0);
|
|
228
|
+
-ms-transform: scale(0, 0);
|
|
229
|
+
-o-transform: scale(0, 0);
|
|
230
|
+
transform: scale(0, 0);
|
|
231
|
+
-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
|
232
|
+
-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
|
233
|
+
-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
|
234
|
+
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
|
235
|
+
}
|
|
236
|
+
.radio input[type="radio"] {
|
|
237
|
+
opacity: 0;
|
|
238
|
+
z-index: 1;
|
|
239
|
+
cursor: pointer;
|
|
240
|
+
}
|
|
241
|
+
.radio input[type="radio"]:focus + label::before {
|
|
242
|
+
outline: thin dotted;
|
|
243
|
+
outline: 5px auto -webkit-focus-ring-color;
|
|
244
|
+
outline-offset: -2px;
|
|
245
|
+
}
|
|
246
|
+
.radio input[type="radio"]:checked + label::after {
|
|
247
|
+
-webkit-transform: scale(1, 1);
|
|
248
|
+
-ms-transform: scale(1, 1);
|
|
249
|
+
-o-transform: scale(1, 1);
|
|
250
|
+
transform: scale(1, 1);
|
|
251
|
+
}
|
|
252
|
+
.radio input[type="radio"]:disabled {
|
|
253
|
+
cursor: not-allowed;
|
|
254
|
+
}
|
|
255
|
+
.radio input[type="radio"]:disabled + label {
|
|
256
|
+
opacity: 0.65;
|
|
257
|
+
}
|
|
258
|
+
.radio input[type="radio"]:disabled + label::before {
|
|
259
|
+
cursor: not-allowed;
|
|
260
|
+
}
|
|
261
|
+
.radio.radio-inline {
|
|
262
|
+
margin-top: 0;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
.radio-primary input[type="radio"] + label::after {
|
|
266
|
+
background-color: #337ab7;
|
|
267
|
+
}
|
|
268
|
+
.radio-primary input[type="radio"]:checked + label::before {
|
|
269
|
+
border-color: #337ab7;
|
|
270
|
+
}
|
|
271
|
+
.radio-primary input[type="radio"]:checked + label::after {
|
|
272
|
+
background-color: #337ab7;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
.radio-danger input[type="radio"] + label::after {
|
|
276
|
+
background-color: #d9534f;
|
|
277
|
+
}
|
|
278
|
+
.radio-danger input[type="radio"]:checked + label::before {
|
|
279
|
+
border-color: #d9534f;
|
|
280
|
+
}
|
|
281
|
+
.radio-danger input[type="radio"]:checked + label::after {
|
|
282
|
+
background-color: #d9534f;
|
|
283
|
+
}
|
|
284
|
+
|
|
285
|
+
.radio-info input[type="radio"] + label::after {
|
|
286
|
+
background-color: #5bc0de;
|
|
287
|
+
}
|
|
288
|
+
.radio-info input[type="radio"]:checked + label::before {
|
|
289
|
+
border-color: #5bc0de;
|
|
290
|
+
}
|
|
291
|
+
.radio-info input[type="radio"]:checked + label::after {
|
|
292
|
+
background-color: #5bc0de;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
.radio-warning input[type="radio"] + label::after {
|
|
296
|
+
background-color: #f0ad4e;
|
|
297
|
+
}
|
|
298
|
+
.radio-warning input[type="radio"]:checked + label::before {
|
|
299
|
+
border-color: #f0ad4e;
|
|
300
|
+
}
|
|
301
|
+
.radio-warning input[type="radio"]:checked + label::after {
|
|
302
|
+
background-color: #f0ad4e;
|
|
303
|
+
}
|
|
304
|
+
|
|
305
|
+
.radio-success input[type="radio"] + label::after {
|
|
306
|
+
background-color: #5cb85c;
|
|
307
|
+
}
|
|
308
|
+
.radio-success input[type="radio"]:checked + label::before {
|
|
309
|
+
border-color: #5cb85c;
|
|
310
|
+
}
|
|
311
|
+
.radio-success input[type="radio"]:checked + label::after {
|
|
312
|
+
background-color: #5cb85c;
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
input[type="checkbox"].styled:checked + label:after,
|
|
316
|
+
input[type="radio"].styled:checked + label:after {
|
|
317
|
+
font-family: 'FontAwesome';
|
|
318
|
+
content: "\f00c";
|
|
319
|
+
}
|
|
320
|
+
input[type="checkbox"] .styled:checked + label::before,
|
|
321
|
+
input[type="radio"] .styled:checked + label::before {
|
|
322
|
+
color: #fff;
|
|
323
|
+
}
|
|
324
|
+
input[type="checkbox"] .styled:checked + label::after,
|
|
325
|
+
input[type="radio"] .styled:checked + label::after {
|
|
326
|
+
color: #fff;
|
|
327
|
+
}
|