selectize-rails 0.1.0 → 0.6.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,6 +1,10 @@
1
+ /*! selectize.css - v0.6.1 | https://github.com/brianreavis/selectize.js | Apache License (v2) */
2
+
3
+ /* --- file: "src/selectize.css" --- */
4
+
1
5
  /**********************************************************
2
- * THEME: "default" *
3
- **********************************************************/
6
+ * THEME: "default" *
7
+ **********************************************************/
4
8
 
5
9
  .selectize-control.default.multi .selectize-input > div {
6
10
  color: #3d5d18;
@@ -32,10 +36,15 @@
32
36
  background: linear-gradient(to bottom, #92c836 0%,#006e2e 0%,#92c836 0%,#7abc2c 100%);
33
37
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92c836', endColorstr='#7abc2c',GradientType=0 );
34
38
  }
39
+ .selectize-control.default.multi .selectize-input.disabled > div {
40
+ border-color: #d8d8d8;
41
+ background: #fafafa;
42
+ color: #808080;
43
+ }
35
44
 
36
45
  /**********************************************************
37
- * BASIC AESTHETIC STYLES (common) *
38
- **********************************************************/
46
+ * BASIC AESTHETIC STYLES (common) *
47
+ **********************************************************/
39
48
 
40
49
  .selectize-input, .selectize-control.single .selectize-input.focus {
41
50
  background: #fff;
@@ -105,13 +114,25 @@
105
114
  -moz-border-radius: 0 0 3px 3px;
106
115
  border-radius: 0 0 3px 3px;
107
116
  }
108
- .selectize-dropdown > * {
117
+ .selectize-dropdown [data-selectable],
118
+ .selectize-dropdown .optgroup-header {
109
119
  padding: 6px 9px;
110
120
  }
111
- .selectize-dropdown > *.create {
121
+ .selectize-dropdown .optgroup:first-child .optgroup-header {
122
+ border-top: 0 none;
123
+ }
124
+ .selectize-dropdown .optgroup-header {
125
+ background: #fafafa;
126
+ border-bottom: 1px solid #e8e8e8;
127
+ border-top: 1px solid #e8e8e8;
128
+ font-weight: bold;
129
+ font-size: 0.8em;
130
+ cursor: default;
131
+ }
132
+ .selectize-dropdown .create {
112
133
  color: #a0a0a0;
113
134
  }
114
- .selectize-dropdown > *.active {
135
+ .selectize-dropdown .active {
115
136
  background-color: #fffceb;
116
137
  }
117
138
  .selectize-dropdown, .selectize-input, .selectize-input input {
@@ -121,14 +142,17 @@
121
142
  line-height: 20px;
122
143
  -webkit-font-smoothing: antialiased;
123
144
  }
124
- .selectize-dropdown .highlight {
145
+ .selectize-dropdown [data-selectable] .highlight {
125
146
  background: rgba(255,237,40,0.4);
126
147
  border-radius: 1px;
127
148
  }
149
+ .selectize-input.disabled, .selectize-input.disabled * {
150
+ cursor: default !important;
151
+ }
128
152
 
129
153
  /**********************************************************
130
- * BASIC AESTHETIC STYLES (single) *
131
- **********************************************************/
154
+ * BASIC AESTHETIC STYLES (single) *
155
+ **********************************************************/
132
156
 
133
157
  .selectize-control.single .selectize-input {
134
158
  cursor: pointer;
@@ -166,13 +190,21 @@
166
190
  border-color: transparent transparent #808080 transparent;
167
191
  }
168
192
 
193
+ .selectize-control.single .selectize-input.disabled {
194
+ opacity: 0.5;
195
+ }
196
+
169
197
  /**********************************************************
170
- * BASIC AESTHETIC STYLES (multi) *
171
- **********************************************************/
198
+ * BASIC AESTHETIC STYLES (multi) *
199
+ **********************************************************/
200
+
201
+ .selectize-control.multi .selectize-input.disabled {
202
+ background-color: #fafafa;
203
+ }
172
204
 
173
205
  /**********************************************************
174
- * LAYOUT STYLES (mandatory) *
175
- **********************************************************/
206
+ * LAYOUT STYLES (mandatory) *
207
+ **********************************************************/
176
208
 
177
209
  .selectize-control {
178
210
  position: relative;
@@ -205,6 +237,7 @@
205
237
  padding: 0 !important;
206
238
  margin: 0;
207
239
  line-height: inherit !important;
240
+ -webkit-user-select: auto !important;
208
241
  -webkit-box-shadow: none !important;
209
242
  -moz-box-shadow: none !important;
210
243
  box-shadow: none !important;
@@ -224,4 +257,74 @@
224
257
  -webkit-box-sizing: border-box;
225
258
  -moz-box-sizing: border-box;
226
259
  box-sizing: border-box;
227
- }
260
+ }
261
+
262
+ /* --- file: "src/plugins/drag_drop/plugin.css" --- */
263
+
264
+ .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
265
+ visibility: visible !important;
266
+ background: #f2f2f2 !important;
267
+ background: rgba(0,0,0,0.06) !important;
268
+ border: 0 none !important;
269
+ -webkit-box-shadow: inset 0 0 12px 4px #fff;
270
+ -moz-box-shadow: inset 0 0 12px 4px #fff;
271
+ box-shadow: inset 0 0 12px 4px #fff;
272
+ }
273
+ .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
274
+ content: '!';
275
+ visibility: hidden;
276
+ }
277
+ .selectize-control.plugin-drag_drop .ui-sortable-helper {
278
+ -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
279
+ -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
280
+ box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
281
+ }
282
+
283
+ /* --- file: "src/plugins/optgroup_columns/plugin.css" --- */
284
+
285
+ .selectize-control.plugin-optgroup_columns .optgroup {
286
+ border-right: 1px solid #f2f2f2;
287
+ float: left;
288
+ -webkit-box-sizing: border-box;
289
+ -moz-box-sizing: border-box;
290
+ box-sizing: border-box;
291
+ }
292
+ .selectize-control.plugin-optgroup_columns .optgroup:last-child {
293
+ border-right: 0 none;
294
+ }
295
+ .selectize-control.plugin-optgroup_columns .optgroup-header {
296
+ border-top: 0 none;
297
+ }
298
+
299
+ /* --- file: "src/plugins/remove_button/plugin.css" --- */
300
+
301
+ .selectize-control.plugin-remove_button .item {
302
+ position: relative;
303
+ padding-right: 24px !important;
304
+ }
305
+ .selectize-control.plugin-remove_button .item .remove {
306
+ position: absolute;
307
+ top: 0;
308
+ right: 0;
309
+ bottom: 0;
310
+ width: 17px;
311
+ -moz-sizing: border-box;
312
+ -webkit-sizing: border-box;
313
+ box-sizing: border-box;
314
+ text-align: center;
315
+ font-size: 12px;
316
+ font-weight: bold;
317
+ color: inherit;
318
+ vertical-align: middle;
319
+ display: inline-block;
320
+ padding: 7px 0 0 0;
321
+ line-height: 8px;
322
+ -webkit-border-radius: 0 2px 2px 0;
323
+ -moz-border-radius: 0 2px 2px 0;
324
+ border-radius: 0 2px 2px 0;
325
+ border-left: 1px solid #74b21e;
326
+ }
327
+ .selectize-control.plugin-remove_button .item .remove:hover {
328
+ border-left-color: #5e8f1a;
329
+ background: rgba(50,90,0,0.15);
330
+ }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: selectize-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 0.6.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Manuel van Rijn
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2013-05-29 00:00:00.000000000 Z
11
+ date: 2013-06-26 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler