rails_admin_nestable 0.0.8 → 0.0.9
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +4 -2
- data/app/assets/stylesheets/rails_admin/rails_admin_nestable.css.scss +165 -0
- data/config/locales/nestable.en.yml +2 -2
- data/config/locales/nestable.it.yml +2 -2
- data/lib/rails_admin_nestable/configuration.rb +8 -2
- data/lib/rails_admin_nestable/nestable.rb +4 -6
- data/lib/rails_admin_nestable/version.rb +1 -1
- metadata +3 -3
- data/app/assets/stylesheets/rails_admin/rails_admin_nestable.css +0 -158
data/README.md
CHANGED
@@ -48,8 +48,9 @@ To use this configuration, you need to organize your tree model with [Ancestry](
|
|
48
48
|
Otherwise your model have to respond to the `parent`, `arrange` and `children` methods.
|
49
49
|
|
50
50
|
The `nestable_tree` methods supports the following options:
|
51
|
-
* `position_field`: (symbol) default `nil`
|
52
|
-
* `max_depth`: (integer) default `nil`
|
51
|
+
* `position_field`: (symbol) default => `nil`
|
52
|
+
* `max_depth`: (integer) default => `nil`
|
53
|
+
* `enable_callback`: (boolean) default => `false`
|
53
54
|
|
54
55
|
In your `config/initializers/rails_admin.rb` initializer:
|
55
56
|
```ruby
|
@@ -73,6 +74,7 @@ To use this configuration, you need a position field
|
|
73
74
|
|
74
75
|
The `nestable_list` methods supports the following options:
|
75
76
|
* `position_field`: (symbol) default `:position`
|
77
|
+
* `enable_callback`: (boolean) default => `false`
|
76
78
|
|
77
79
|
In your `config/initializers/rails_admin.rb` initializer:
|
78
80
|
```ruby
|
@@ -0,0 +1,165 @@
|
|
1
|
+
/**
|
2
|
+
* jQuery Nestable
|
3
|
+
*/
|
4
|
+
|
5
|
+
.dd {
|
6
|
+
position: relative;
|
7
|
+
display: block;
|
8
|
+
margin: 0;
|
9
|
+
padding: 0;
|
10
|
+
/* max-width: 600px; */
|
11
|
+
list-style: none;
|
12
|
+
font-size: 13px;
|
13
|
+
line-height: 20px;
|
14
|
+
}
|
15
|
+
|
16
|
+
.dd-list {
|
17
|
+
display: block;
|
18
|
+
position: relative;
|
19
|
+
margin: 0;
|
20
|
+
padding: 0;
|
21
|
+
list-style: none;
|
22
|
+
}
|
23
|
+
.dd-list .dd-list { padding-left: 30px; }
|
24
|
+
.dd-collapsed .dd-list { display: none; }
|
25
|
+
|
26
|
+
.dd-item,
|
27
|
+
.dd-empty,
|
28
|
+
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }
|
29
|
+
|
30
|
+
.dd-handle {
|
31
|
+
display: block; height: 30px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
|
32
|
+
background: #fafafa;
|
33
|
+
background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
|
34
|
+
background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
|
35
|
+
background: linear-gradient(top, #fafafa 0%, #eee 100%);
|
36
|
+
-webkit-border-radius: 3px;
|
37
|
+
border-radius: 3px;
|
38
|
+
box-sizing: border-box; -moz-box-sizing: border-box;
|
39
|
+
}
|
40
|
+
.dd-handle:hover { color: #2ea8e5; background: #fff; }
|
41
|
+
|
42
|
+
.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
|
43
|
+
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
|
44
|
+
.dd-item > button[data-action="collapse"]:before { content: '-'; }
|
45
|
+
|
46
|
+
.dd-placeholder,
|
47
|
+
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
|
48
|
+
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
|
49
|
+
background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
|
50
|
+
-webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
|
51
|
+
background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
|
52
|
+
-moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
|
53
|
+
background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
|
54
|
+
linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
|
55
|
+
background-size: 60px 60px;
|
56
|
+
background-position: 0 0, 30px 30px;
|
57
|
+
}
|
58
|
+
|
59
|
+
.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
|
60
|
+
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
|
61
|
+
.dd-dragel .dd-handle {
|
62
|
+
-webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
|
63
|
+
box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
|
64
|
+
}
|
65
|
+
|
66
|
+
/**
|
67
|
+
* Nestable Extras
|
68
|
+
*/
|
69
|
+
|
70
|
+
.nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }
|
71
|
+
|
72
|
+
#nestable-menu { padding: 0; margin: 20px 0; }
|
73
|
+
|
74
|
+
#nestable-output,
|
75
|
+
#nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }
|
76
|
+
|
77
|
+
#nestable2 .dd-handle {
|
78
|
+
color: #fff;
|
79
|
+
border: 1px solid #999;
|
80
|
+
background: #bbb;
|
81
|
+
background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
|
82
|
+
background: -moz-linear-gradient(top, #bbb 0%, #999 100%);
|
83
|
+
background: linear-gradient(top, #bbb 0%, #999 100%);
|
84
|
+
}
|
85
|
+
#nestable2 .dd-handle:hover { background: #bbb; }
|
86
|
+
#nestable2 .dd-item > button:before { color: #fff; }
|
87
|
+
|
88
|
+
@media only screen and (min-width: 700px) {
|
89
|
+
|
90
|
+
.dd { float: none; width: auto; }
|
91
|
+
.dd + .dd { margin-left: 2%; }
|
92
|
+
|
93
|
+
}
|
94
|
+
|
95
|
+
.dd-hover > .dd-handle { background: #2ea8e5 !important; }
|
96
|
+
|
97
|
+
/**
|
98
|
+
* Nestable Draggable Handles
|
99
|
+
*/
|
100
|
+
|
101
|
+
.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
|
102
|
+
background: #fafafa;
|
103
|
+
background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
|
104
|
+
background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
|
105
|
+
background: linear-gradient(top, #fafafa 0%, #eee 100%);
|
106
|
+
-webkit-border-radius: 3px;
|
107
|
+
border-radius: 3px;
|
108
|
+
box-sizing: border-box; -moz-box-sizing: border-box;
|
109
|
+
}
|
110
|
+
.dd3-content:hover { color: #2ea8e5; background: #fff; }
|
111
|
+
|
112
|
+
.dd-dragel > .dd3-item > .dd3-content { margin: 0; }
|
113
|
+
|
114
|
+
.dd3-item > button { margin-left: 30px; }
|
115
|
+
|
116
|
+
.dd3-handle {
|
117
|
+
position: absolute;
|
118
|
+
margin: 0;
|
119
|
+
left: 0;
|
120
|
+
top: 0;
|
121
|
+
cursor: pointer;
|
122
|
+
width: 30px;
|
123
|
+
text-indent: 100px;
|
124
|
+
white-space: nowrap;
|
125
|
+
overflow: hidden;
|
126
|
+
border: 1px solid #aaa;
|
127
|
+
background: #ddd;
|
128
|
+
background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
|
129
|
+
background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
|
130
|
+
background: linear-gradient(top, #ddd 0%, #bbb 100%);
|
131
|
+
border-top-right-radius: 0;
|
132
|
+
border-bottom-right-radius: 0;
|
133
|
+
}
|
134
|
+
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
|
135
|
+
.dd3-handle:hover { background: #ddd; }
|
136
|
+
|
137
|
+
.dd3-content .links {
|
138
|
+
width: auto;
|
139
|
+
}
|
140
|
+
.dd3-content ul.inline.actions {
|
141
|
+
margin: 0;
|
142
|
+
padding: 0;
|
143
|
+
list-style: none;
|
144
|
+
display: block
|
145
|
+
}
|
146
|
+
.dd3-content ul.inline.actions li a {
|
147
|
+
width: 14px;
|
148
|
+
height: 16px;
|
149
|
+
text-decoration: none;
|
150
|
+
}
|
151
|
+
.dd3-content ul.inline.actions li a:hover {
|
152
|
+
text-decoration: none;
|
153
|
+
}
|
154
|
+
|
155
|
+
#rails_admin_nestable {
|
156
|
+
position: relative;
|
157
|
+
}
|
158
|
+
.nestable-flash {
|
159
|
+
position: fixed;
|
160
|
+
top: 80px;
|
161
|
+
width: auto;
|
162
|
+
right: 20px;
|
163
|
+
display: none;
|
164
|
+
min-width: 150px;
|
165
|
+
}
|
@@ -15,9 +15,15 @@ module RailsAdminNestable
|
|
15
15
|
|
16
16
|
def options
|
17
17
|
if tree?
|
18
|
-
@nestable_options ||= (tree.class == Hash ? tree : {
|
18
|
+
@nestable_options ||= (tree.class == Hash ? tree : {
|
19
|
+
enable_callback: false
|
20
|
+
})
|
19
21
|
elsif list?
|
20
|
-
@nestable_options ||= {
|
22
|
+
@nestable_options ||= {
|
23
|
+
position_field: :position,
|
24
|
+
max_depth: 1,
|
25
|
+
enable_callback: false
|
26
|
+
}.merge(list.class == Hash ? list : {})
|
21
27
|
end
|
22
28
|
|
23
29
|
@nestable_options || {}
|
@@ -35,7 +35,7 @@ module RailsAdmin
|
|
35
35
|
model.send("#{@nestable_conf.options[:position_field]}=".to_sym, (key.to_i + 1))
|
36
36
|
end
|
37
37
|
|
38
|
-
model.save!(validate:
|
38
|
+
model.save!(validate: @nestable_conf.options[:enable_callback])
|
39
39
|
|
40
40
|
if value.has_key?('children')
|
41
41
|
update_tree(value['children'], model)
|
@@ -47,7 +47,7 @@ module RailsAdmin
|
|
47
47
|
model_list.each do |key, value|
|
48
48
|
model = @abstract_model.model.find(value['id'])
|
49
49
|
model.send("#{@nestable_conf.options[:position_field]}=".to_sym, (key.to_i + 1))
|
50
|
-
model.save!(validate:
|
50
|
+
model.save!(validate: @nestable_conf.options[:enable_callback])
|
51
51
|
end
|
52
52
|
end
|
53
53
|
|
@@ -69,14 +69,12 @@ module RailsAdmin
|
|
69
69
|
|
70
70
|
render text: message
|
71
71
|
else
|
72
|
-
model_scope = @abstract_model.model.unscoped
|
73
|
-
|
74
72
|
if @nestable_conf.tree?
|
75
|
-
@tree_nodes =
|
73
|
+
@tree_nodes = @abstract_model.model.arrange(order: @nestable_conf.options[:position_field])
|
76
74
|
end
|
77
75
|
|
78
76
|
if @nestable_conf.list?
|
79
|
-
@tree_nodes =
|
77
|
+
@tree_nodes = @abstract_model.model.order(@nestable_conf.options[:position_field])
|
80
78
|
end
|
81
79
|
|
82
80
|
render action: @action.template_name
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: rails_admin_nestable
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.9
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date:
|
12
|
+
date: 2013-02-01 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: rails
|
@@ -52,7 +52,7 @@ extra_rdoc_files: []
|
|
52
52
|
files:
|
53
53
|
- app/assets/javascripts/rails_admin/jquery.nestable.js
|
54
54
|
- app/assets/javascripts/rails_admin/rails_admin_nestable.js.coffee
|
55
|
-
- app/assets/stylesheets/rails_admin/rails_admin_nestable.css
|
55
|
+
- app/assets/stylesheets/rails_admin/rails_admin_nestable.css.scss
|
56
56
|
- app/helpers/rails_admin/nestable_helper.rb
|
57
57
|
- app/views/rails_admin/main/nestable.html.haml
|
58
58
|
- config/locales/nestable.en.yml
|
@@ -1,158 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Nestable
|
3
|
-
*/
|
4
|
-
|
5
|
-
.dd {
|
6
|
-
position: relative;
|
7
|
-
display: block;
|
8
|
-
margin: 0;
|
9
|
-
padding: 0;
|
10
|
-
/* max-width: 600px; */
|
11
|
-
list-style: none;
|
12
|
-
font-size: 13px;
|
13
|
-
line-height: 20px; }
|
14
|
-
|
15
|
-
.dd-list {
|
16
|
-
display: block;
|
17
|
-
position: relative;
|
18
|
-
margin: 0;
|
19
|
-
padding: 0;
|
20
|
-
list-style: none;
|
21
|
-
}
|
22
|
-
.dd-list .dd-list { padding-left: 30px; }
|
23
|
-
.dd-collapsed .dd-list { display: none; }
|
24
|
-
|
25
|
-
.dd-item,
|
26
|
-
.dd-empty,
|
27
|
-
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }
|
28
|
-
|
29
|
-
.dd-handle {
|
30
|
-
display: block; height: 30px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
|
31
|
-
background: #fafafa;
|
32
|
-
background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
|
33
|
-
background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
|
34
|
-
background: linear-gradient(top, #fafafa 0%, #eee 100%);
|
35
|
-
-webkit-border-radius: 3px;
|
36
|
-
border-radius: 3px;
|
37
|
-
box-sizing: border-box; -moz-box-sizing: border-box;
|
38
|
-
}
|
39
|
-
.dd-handle:hover { color: #2ea8e5; background: #fff; }
|
40
|
-
|
41
|
-
.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
|
42
|
-
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
|
43
|
-
.dd-item > button[data-action="collapse"]:before { content: '-'; }
|
44
|
-
|
45
|
-
.dd-placeholder,
|
46
|
-
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
|
47
|
-
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
|
48
|
-
background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
|
49
|
-
-webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
|
50
|
-
background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
|
51
|
-
-moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
|
52
|
-
background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
|
53
|
-
linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
|
54
|
-
background-size: 60px 60px;
|
55
|
-
background-position: 0 0, 30px 30px;
|
56
|
-
}
|
57
|
-
|
58
|
-
.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
|
59
|
-
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
|
60
|
-
.dd-dragel .dd-handle {
|
61
|
-
-webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
|
62
|
-
box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
|
63
|
-
}
|
64
|
-
|
65
|
-
/**
|
66
|
-
* Nestable Extras
|
67
|
-
*/
|
68
|
-
|
69
|
-
.nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }
|
70
|
-
|
71
|
-
#nestable-menu { padding: 0; margin: 20px 0; }
|
72
|
-
|
73
|
-
#nestable-output,
|
74
|
-
#nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }
|
75
|
-
|
76
|
-
#nestable2 .dd-handle {
|
77
|
-
color: #fff;
|
78
|
-
border: 1px solid #999;
|
79
|
-
background: #bbb;
|
80
|
-
background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
|
81
|
-
background: -moz-linear-gradient(top, #bbb 0%, #999 100%);
|
82
|
-
background: linear-gradient(top, #bbb 0%, #999 100%);
|
83
|
-
}
|
84
|
-
#nestable2 .dd-handle:hover { background: #bbb; }
|
85
|
-
#nestable2 .dd-item > button:before { color: #fff; }
|
86
|
-
|
87
|
-
@media only screen and (min-width: 700px) {
|
88
|
-
|
89
|
-
.dd { float: none; width: auto; }
|
90
|
-
.dd + .dd { margin-left: 2%; }
|
91
|
-
|
92
|
-
}
|
93
|
-
|
94
|
-
.dd-hover > .dd-handle { background: #2ea8e5 !important; }
|
95
|
-
|
96
|
-
/**
|
97
|
-
* Nestable Draggable Handles
|
98
|
-
*/
|
99
|
-
|
100
|
-
.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
|
101
|
-
background: #fafafa;
|
102
|
-
background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
|
103
|
-
background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
|
104
|
-
background: linear-gradient(top, #fafafa 0%, #eee 100%);
|
105
|
-
-webkit-border-radius: 3px;
|
106
|
-
border-radius: 3px;
|
107
|
-
box-sizing: border-box; -moz-box-sizing: border-box;
|
108
|
-
}
|
109
|
-
.dd3-content:hover { color: #2ea8e5; background: #fff; }
|
110
|
-
|
111
|
-
.dd-dragel > .dd3-item > .dd3-content { margin: 0; }
|
112
|
-
|
113
|
-
.dd3-item > button { margin-left: 30px; }
|
114
|
-
|
115
|
-
.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
|
116
|
-
border: 1px solid #aaa;
|
117
|
-
background: #ddd;
|
118
|
-
background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
|
119
|
-
background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
|
120
|
-
background: linear-gradient(top, #ddd 0%, #bbb 100%);
|
121
|
-
border-top-right-radius: 0;
|
122
|
-
border-bottom-right-radius: 0;
|
123
|
-
}
|
124
|
-
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
|
125
|
-
.dd3-handle:hover { background: #ddd; }
|
126
|
-
|
127
|
-
.dd3-content .links {
|
128
|
-
width: auto;
|
129
|
-
}
|
130
|
-
.dd3-content ul.inline.actions {
|
131
|
-
margin: 0;
|
132
|
-
padding: 0;
|
133
|
-
list-style: none;
|
134
|
-
display: block
|
135
|
-
}
|
136
|
-
.dd3-content ul.inline.actions li {
|
137
|
-
display: inline;
|
138
|
-
}
|
139
|
-
.dd3-content ul.inline.actions li a {
|
140
|
-
width: 14px;
|
141
|
-
height: 16px;
|
142
|
-
text-decoration: none;
|
143
|
-
}
|
144
|
-
.dd3-content ul.inline.actions li a:hover {
|
145
|
-
text-decoration: none;
|
146
|
-
}
|
147
|
-
|
148
|
-
#rails_admin_nestable {
|
149
|
-
position: relative;
|
150
|
-
}
|
151
|
-
.nestable-flash {
|
152
|
-
position: fixed;
|
153
|
-
top: 80px;
|
154
|
-
width: auto;
|
155
|
-
right: 20px;
|
156
|
-
display: none;
|
157
|
-
min-width: 150px;
|
158
|
-
}
|