selectize-rails 0.1.0 → 0.6.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.
@@ -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