Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
易企天创
zui
提交
69671c19
Z
zui
项目概览
易企天创
/
zui
11 个月 前同步成功
通知
6
Star
0
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
37
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
37
Issue
37
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
69671c19
编写于
5月 06, 2015
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* change chosen style.
上级
5bb61da8
变更
9
展开全部
隐藏空白更改
内联
并排
Showing
9 changed file
with
89 addition
and
29 deletion
+89
-29
dist/lib/chosen/chosen.css
dist/lib/chosen/chosen.css
+12
-12
dist/lib/chosen/chosen.js
dist/lib/chosen/chosen.js
+8
-2
dist/lib/chosen/chosen.min.css
dist/lib/chosen/chosen.min.css
+3
-3
dist/lib/chosen/chosen.min.js
dist/lib/chosen/chosen.min.js
+3
-3
docs/css/zui.css
docs/css/zui.css
+39
-3
docs/css/zui.css.map
docs/css/zui.css.map
+1
-1
docs/css/zui.min.css
docs/css/zui.min.css
+1
-1
docs/part/javascript-chosen.html
docs/part/javascript-chosen.html
+2
-0
src/less/modules/chosen.less
src/less/modules/chosen.less
+20
-4
未找到文件。
dist/lib/chosen/chosen.css
浏览文件 @
69671c19
/*!
* ZUI - v1.
2.1 - 2014-12-05
* ZUI - v1.
3.0 - 2015-05-06
* http://zui.sexy
* GitHub: https://github.com/easysoft/zui.git
* Copyright (c) 201
4
cnezsoft.com; Licensed MIT
* Copyright (c) 201
5
cnezsoft.com; Licensed MIT
*/
...
...
@@ -133,7 +133,7 @@
}
.chosen-container-single
.chosen-search
input
[
type
=
"text"
]
{
width
:
100%
;
height
:
auto
;
height
:
20px
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
...
...
@@ -147,7 +147,7 @@
outline
:
0
;
}
.chosen-container-single
.chosen-search
input
[
type
=
"text"
]
:focus
{
border-color
:
#1
8609
d
;
border-color
:
#1
45cc
d
;
}
.chosen-container-single
.chosen-search
:before
{
position
:
absolute
;
...
...
@@ -156,7 +156,7 @@
display
:
block
;
font-family
:
ZenIcon
;
color
:
#808080
;
content
:
"\e603"
;
content
:
'\e603'
;
}
.chosen-container-single
.chosen-drop
{
margin-top
:
-1px
;
...
...
@@ -200,7 +200,7 @@
}
.chosen-container
.chosen-results
li
.highlighted
{
color
:
#fff
;
background-color
:
#
108bf1
;
background-color
:
#
3280fc
;
}
.chosen-container
.chosen-results
li
.no-results
{
display
:
list-item
;
...
...
@@ -346,9 +346,9 @@
cursor
:
default
;
}
.chosen-container-active
.chosen-single
{
border-color
:
#1
8609
d
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
2
4
,
96
,
157
,
.6
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
2
4
,
96
,
157
,
.6
);
border-color
:
#1
45cc
d
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
2
0
,
92
,
205
,
.6
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
2
0
,
92
,
205
,
.6
);
}
.chosen-container-active.chosen-with-drop
.chosen-single
{
border
:
1px
solid
#cbcbcb
;
...
...
@@ -368,9 +368,9 @@
border-bottom
:
4px
solid
#353535
;
}
.chosen-container-active
.chosen-choices
{
border-color
:
#1
8609
d
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
2
4
,
96
,
157
,
.6
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
2
4
,
96
,
157
,
.6
);
border-color
:
#1
45cc
d
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
2
0
,
92
,
205
,
.6
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
2
0
,
92
,
205
,
.6
);
}
.chosen-container-active
.chosen-choices
li
.search-field
input
[
type
=
"text"
]
{
color
:
#111
!important
;
...
...
dist/lib/chosen/chosen.js
浏览文件 @
69671c19
/*!
* ZUI - v1.
2.1 - 2014-12-05
* ZUI - v1.
3.0 - 2015-05-06
* http://zui.sexy
* GitHub: https://github.com/easysoft/zui.git
* Copyright (c) 201
4
cnezsoft.com; Licensed MIT
* Copyright (c) 201
5
cnezsoft.com; Licensed MIT
*/
/*!
...
...
@@ -754,6 +754,12 @@ This file is generated by `grunt build`, do not edit it by hand.
{
container_classes
.
push
(
"
chosen-rtl
"
);
}
var
strClass
=
this
.
form_field
.
getAttribute
(
'
data-css-class
'
);
if
(
strClass
)
{
container_classes
.
push
(
strClass
);
}
container_props
=
{
'
class
'
:
container_classes
.
join
(
'
'
),
'
style
'
:
"
width:
"
+
(
this
.
container_width
())
+
"
;
"
,
...
...
dist/lib/chosen/chosen.min.css
浏览文件 @
69671c19
/*!
* ZUI - v1.
2.1 - 2014-12-05
* ZUI - v1.
3.0 - 2015-05-06
* http://zui.sexy
* GitHub: https://github.com/easysoft/zui.git
* Copyright (c) 2014 cnezsoft.com; Licensed MIT
*/
.chosen-container
{
position
:
relative
;
display
:
inline-block
;
font-size
:
13px
;
vertical-align
:
middle
;
zoom
:
1
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
*
display
:
inline
}
.chosen-container
.chosen-drop
{
position
:
absolute
;
top
:
100%
;
left
:
-9999px
;
z-index
:
1010
;
width
:
100%
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
background
:
#fff
;
border
:
1px
solid
#cbcbcb
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
.15
);
border-top
:
0
;
-webkit-box-shadow
:
0
4px
5px
rgba
(
0
,
0
,
0
,
.15
);
box-shadow
:
0
4px
5px
rgba
(
0
,
0
,
0
,
.15
)}
.chosen-container
.chosen-drop.chosen-drop-size-limited
{
border-top
:
1px
solid
rgba
(
0
,
0
,
0
,
.15
)}
.chosen-container.chosen-with-drop
.chosen-drop
{
left
:
0
}
.chosen-container
a
{
cursor
:
pointer
}
.chosen-container-single
.chosen-single
{
display
:
block
;
width
:
100%
;
height
:
32px
;
padding
:
5px
8px
;
overflow
:
hidden
;
line-height
:
1.53846154
;
color
:
#222
;
text-decoration
:
none
;
white-space
:
nowrap
;
vertical-align
:
middle
;
background-color
:
#fff
;
-webkit-background-clip
:
padding-box
;
background-clip
:
padding-box
;
border
:
1px
solid
#ccc
;
border-radius
:
4px
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
);
-webkit-transition
:
border-color
ease-in-out
.15s
,
-webkit-box-shadow
ease-in-out
.15s
;
-o-transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
;
transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
}
.chosen-container-single
.chosen-default
{
color
:
gray
}
.chosen-container-single
.chosen-single
>
span
{
display
:
block
;
margin-right
:
26px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.chosen-container-single
.chosen-single-with-deselect
span
{
margin-right
:
38px
}
.chosen-container-single
.chosen-single
abbr
{
position
:
absolute
;
top
:
7px
;
right
:
24px
;
display
:
block
;
width
:
19.5px
;
height
:
19.5px
;
font-size
:
19.5px
;
font-weight
:
700
;
line-height
:
19.5px
;
color
:
#000
;
text-shadow
:
0
1px
0
#fff
;
filter
:
alpha
(
opacity
=
20
);
opacity
:
.2
}
.chosen-container-single
.chosen-single
abbr
:before
{
content
:
'×'
}
.chosen-container-single
.chosen-single
abbr
:hover
,
.chosen-container-single
.chosen-single
abbr
:focus
{
color
:
#000
;
text-decoration
:
none
;
cursor
:
pointer
;
filter
:
alpha
(
opacity
=
50
);
opacity
:
.5
}
.chosen-container-single
.chosen-single
div
{
position
:
absolute
;
top
:
0
;
right
:
0
;
display
:
block
;
height
:
100%
;
padding
:
5px
8px
}
.chosen-container-single
.chosen-single
div
b
{
display
:
inline-block
;
width
:
0
;
height
:
0
;
margin-left
:
2px
;
vertical-align
:
middle
;
border-top
:
4px
solid
#353535
;
border-right
:
4px
solid
transparent
;
border-bottom
:
0
dotted
;
border-left
:
4px
solid
transparent
}
.chosen-container-single
.chosen-search
{
position
:
relative
;
z-index
:
1010
;
padding
:
3px
4px
;
margin
:
0
;
white-space
:
nowrap
}
.chosen-container-single
.chosen-search
input
[
type
=
text
]
{
width
:
100%
;
height
:
auto
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding
:
2px
26px
2px
8px
;
margin
:
1px
0
;
font-size
:
12px
;
line-height
:
1.5
;
background-color
:
#fff
;
border
:
1px
solid
#ccc
;
border-radius
:
4px
;
outline
:
0
}
.chosen-container-single
.chosen-search
input
[
type
=
text
]
:focus
{
border-color
:
#18609d
}
.chosen-container-single
.chosen-search
:before
{
position
:
absolute
;
top
:
8px
;
right
:
10px
;
display
:
block
;
font-family
:
ZenIcon
;
color
:
gray
;
content
:
"\e603"
}
.chosen-container-single
.chosen-drop
{
margin-top
:
-1px
;
-webkit-background-clip
:
padding-box
;
background-clip
:
padding-box
;
border-radius
:
0
0
4px
4px
}
.chosen-container-single.chosen-container-single-nosearch
.chosen-search
{
position
:
absolute
;
left
:
-9999px
}
.chosen-container
.chosen-results
{
position
:
relative
;
max-height
:
240px
;
padding
:
0
;
margin
:
0
;
overflow-x
:
hidden
;
overflow-y
:
auto
;
-webkit-overflow-scrolling
:
touch
}
.chosen-container
.chosen-results
li
{
display
:
none
;
padding
:
5px
10px
;
margin
:
0
;
line-height
:
15px
;
list-style
:
none
;
-webkit-transition
:
background-color
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
background-color
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
background-color
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-webkit-touch-callout
:
none
}
.chosen-container
.chosen-results
li
.active-result
{
display
:
list-item
;
cursor
:
pointer
}
.chosen-container
.chosen-results
li
.disabled-result
{
display
:
list-item
;
color
:
#ccc
;
cursor
:
default
}
.chosen-container
.chosen-results
li
.highlighted
{
color
:
#fff
;
background-color
:
#108bf1
}
.chosen-container
.chosen-results
li
.no-results
{
display
:
list-item
;
background
:
#f4f4f4
}
.chosen-container
.chosen-results
li
.group-result
{
display
:
list-item
;
font-weight
:
700
;
cursor
:
default
}
.chosen-container
.chosen-results
li
.group-option
{
padding-left
:
15px
}
.chosen-container
.chosen-results
li
em
{
font-style
:
normal
;
text-decoration
:
underline
}
.chosen-container-multi
.chosen-choices
{
position
:
relative
;
width
:
100%
;
min-height
:
32px
;
min-height
:
30px
\
0
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding
:
0
;
margin
:
0
;
overflow
:
hidden
;
cursor
:
text
;
background-color
:
#fff
;
border
:
1px
solid
#ccc
;
border-radius
:
4px
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
);
-webkit-transition
:
border-color
ease-in-out
.15s
,
-webkit-box-shadow
ease-in-out
.15s
;
-o-transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
;
transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
}
.chosen-container-multi
.chosen-choices
:before
,
.chosen-container-multi
.chosen-choices
:after
{
display
:
table
;
content
:
" "
}
.chosen-container-multi
.chosen-choices
:after
{
clear
:
both
}
.chosen-container-multi
.chosen-choices
li
{
display
:
block
;
float
:
left
;
padding
:
0
6px
;
margin
:
5px
0
0
6px
;
list-style
:
none
}
.chosen-container-multi
.chosen-choices
li
.search-field
{
padding
:
0
;
margin-bottom
:
4px
;
white-space
:
nowrap
}
.chosen-container-multi
.chosen-choices
li
.search-field
input
[
type
=
text
]
{
height
:
20px
;
font-size
:
100%
;
color
:
gray
;
background
:
transparent
!important
;
border
:
0
!important
;
border-radius
:
0
;
outline
:
0
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.chosen-container-multi
.chosen-choices
li
.search-field
.default
{
color
:
#999
}
.chosen-container-multi
.chosen-choices
li
.search-choice
{
position
:
relative
;
padding
:
3px
20px
3px
5px
;
line-height
:
12px
;
cursor
:
default
;
background-color
:
#f1f1f1
;
-webkit-background-clip
:
padding-box
;
background-clip
:
padding-box
;
border
:
1px
solid
#ddd
;
border-radius
:
3px
;
-webkit-box-shadow
:
0
0
2px
#fff
inset
,
0
1px
0
rgba
(
0
,
0
,
0
,
.05
);
box-shadow
:
0
0
2px
#fff
inset
,
0
1px
0
rgba
(
0
,
0
,
0
,
.05
);
-webkit-transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
.chosen-container-multi
.chosen-choices
li
.search-choice
:hover
{
background-color
:
#fff
;
border-color
:
#c4c4c4
;
-webkit-box-shadow
:
0
1px
0
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
0
1px
0
rgba
(
0
,
0
,
0
,
.1
)}
.chosen-container-multi
.chosen-choices
li
.search-choice
.search-choice-close
{
position
:
absolute
;
top
:
-1px
;
right
:
0
;
display
:
block
;
width
:
19.5px
;
height
:
19.5px
;
font-size
:
15.6px
;
font-weight
:
700
;
line-height
:
19.5px
;
color
:
#000
;
text-align
:
center
;
text-shadow
:
0
1px
0
#fff
;
filter
:
alpha
(
opacity
=
20
);
opacity
:
.2
}
.chosen-container-multi
.chosen-choices
li
.search-choice
.search-choice-close
:before
{
content
:
'×'
}
.chosen-container-multi
.chosen-choices
li
.search-choice
.search-choice-close
:hover
,
.chosen-container-multi
.chosen-choices
li
.search-choice
.search-choice-close
:focus
{
color
:
#000
;
text-decoration
:
none
;
cursor
:
pointer
;
filter
:
alpha
(
opacity
=
50
);
opacity
:
.5
}
.chosen-container-multi
.chosen-choices
li
.search-choice-disabled
{
padding-right
:
5px
;
color
:
#666
;
background-color
:
#e4e4e4
;
border
:
1px
solid
#ccc
}
.chosen-container-multi
.chosen-choices
li
.search-choice-focus
{
background
:
#d4d4d4
}
.chosen-container-multi
.chosen-choices
li
.search-choice-focus
.search-choice-close
{
background-position
:
-42px
-10px
}
.chosen-container-multi
.chosen-results
{
padding
:
0
;
margin
:
0
}
.chosen-container-multi
.chosen-drop
.result-selected
{
display
:
list-item
;
color
:
#ccc
;
cursor
:
default
}
.chosen-container-active
.chosen-single
{
border-color
:
#18609d
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
24
,
96
,
157
,
.6
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
24
,
96
,
157
,
.6
)}
.chosen-container-active.chosen-with-drop
.chosen-single
{
border
:
1px
solid
#cbcbcb
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
.15
);
border-bottom-right-radius
:
0
;
border-bottom-left-radius
:
0
;
-webkit-box-shadow
:
0
6px
12px
rgba
(
0
,
0
,
0
,
.175
);
box-shadow
:
0
6px
12px
rgba
(
0
,
0
,
0
,
.175
)}
.chosen-container-active.chosen-with-drop
.chosen-single
div
{
background
:
0
0
;
border-left
:
none
}
.chosen-container-active.chosen-with-drop
.chosen-single
div
b
{
content
:
""
;
border-top
:
0
dotted
;
border-bottom
:
4px
solid
#353535
}
.chosen-container-active
.chosen-choices
{
border-color
:
#18609d
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
24
,
96
,
157
,
.6
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
24
,
96
,
157
,
.6
)}
.chosen-container-active
.chosen-choices
li
.search-field
input
[
type
=
text
]
{
color
:
#111
!important
}
.chosen-disabled
{
cursor
:
default
;
opacity
:
.5
!important
}
.chosen-disabled
.chosen-single
{
cursor
:
default
}
.chosen-disabled
.chosen-choices
.search-choice
.search-choice-close
{
cursor
:
default
}
\ No newline at end of file
* Copyright (c) 2015 cnezsoft.com; Licensed MIT
*/
.chosen-container
{
position
:
relative
;
display
:
inline-block
;
font-size
:
13px
;
vertical-align
:
middle
;
zoom
:
1
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
*
display
:
inline
}
.chosen-container
.chosen-drop
{
position
:
absolute
;
top
:
100%
;
left
:
-9999px
;
z-index
:
1010
;
width
:
100%
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
background
:
#fff
;
border
:
1px
solid
#cbcbcb
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
.15
);
border-top
:
0
;
-webkit-box-shadow
:
0
4px
5px
rgba
(
0
,
0
,
0
,
.15
);
box-shadow
:
0
4px
5px
rgba
(
0
,
0
,
0
,
.15
)}
.chosen-container
.chosen-drop.chosen-drop-size-limited
{
border-top
:
1px
solid
rgba
(
0
,
0
,
0
,
.15
)}
.chosen-container.chosen-with-drop
.chosen-drop
{
left
:
0
}
.chosen-container
a
{
cursor
:
pointer
}
.chosen-container-single
.chosen-single
{
display
:
block
;
width
:
100%
;
height
:
32px
;
padding
:
5px
8px
;
overflow
:
hidden
;
line-height
:
1.53846154
;
color
:
#222
;
text-decoration
:
none
;
white-space
:
nowrap
;
vertical-align
:
middle
;
background-color
:
#fff
;
-webkit-background-clip
:
padding-box
;
background-clip
:
padding-box
;
border
:
1px
solid
#ccc
;
border-radius
:
4px
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
);
-webkit-transition
:
border-color
ease-in-out
.15s
,
-webkit-box-shadow
ease-in-out
.15s
;
-o-transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
;
transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
}
.chosen-container-single
.chosen-default
{
color
:
gray
}
.chosen-container-single
.chosen-single
>
span
{
display
:
block
;
margin-right
:
26px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.chosen-container-single
.chosen-single-with-deselect
span
{
margin-right
:
38px
}
.chosen-container-single
.chosen-single
abbr
{
position
:
absolute
;
top
:
7px
;
right
:
24px
;
display
:
block
;
width
:
19.5px
;
height
:
19.5px
;
font-size
:
19.5px
;
font-weight
:
700
;
line-height
:
19.5px
;
color
:
#000
;
text-shadow
:
0
1px
0
#fff
;
filter
:
alpha
(
opacity
=
20
);
opacity
:
.2
}
.chosen-container-single
.chosen-single
abbr
:before
{
content
:
'×'
}
.chosen-container-single
.chosen-single
abbr
:hover
,
.chosen-container-single
.chosen-single
abbr
:focus
{
color
:
#000
;
text-decoration
:
none
;
cursor
:
pointer
;
filter
:
alpha
(
opacity
=
50
);
opacity
:
.5
}
.chosen-container-single
.chosen-single
div
{
position
:
absolute
;
top
:
0
;
right
:
0
;
display
:
block
;
height
:
100%
;
padding
:
5px
8px
}
.chosen-container-single
.chosen-single
div
b
{
display
:
inline-block
;
width
:
0
;
height
:
0
;
margin-left
:
2px
;
vertical-align
:
middle
;
border-top
:
4px
solid
#353535
;
border-right
:
4px
solid
transparent
;
border-bottom
:
0
dotted
;
border-left
:
4px
solid
transparent
}
.chosen-container-single
.chosen-search
{
position
:
relative
;
z-index
:
1010
;
padding
:
3px
4px
;
margin
:
0
;
white-space
:
nowrap
}
.chosen-container-single
.chosen-search
input
[
type
=
text
]
{
width
:
100%
;
height
:
20px
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding
:
2px
26px
2px
8px
;
margin
:
1px
0
;
font-size
:
12px
;
line-height
:
1.5
;
background-color
:
#fff
;
border
:
1px
solid
#ccc
;
border-radius
:
4px
;
outline
:
0
}
.chosen-container-single
.chosen-search
input
[
type
=
text
]
:focus
{
border-color
:
#145ccd
}
.chosen-container-single
.chosen-search
:before
{
position
:
absolute
;
top
:
8px
;
right
:
10px
;
display
:
block
;
font-family
:
ZenIcon
;
color
:
gray
;
content
:
'\e603'
}
.chosen-container-single
.chosen-drop
{
margin-top
:
-1px
;
-webkit-background-clip
:
padding-box
;
background-clip
:
padding-box
;
border-radius
:
0
0
4px
4px
}
.chosen-container-single.chosen-container-single-nosearch
.chosen-search
{
position
:
absolute
;
left
:
-9999px
}
.chosen-container
.chosen-results
{
position
:
relative
;
max-height
:
240px
;
padding
:
0
;
margin
:
0
;
overflow-x
:
hidden
;
overflow-y
:
auto
;
-webkit-overflow-scrolling
:
touch
}
.chosen-container
.chosen-results
li
{
display
:
none
;
padding
:
5px
10px
;
margin
:
0
;
line-height
:
15px
;
list-style
:
none
;
-webkit-transition
:
background-color
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
background-color
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
background-color
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-webkit-touch-callout
:
none
}
.chosen-container
.chosen-results
li
.active-result
{
display
:
list-item
;
cursor
:
pointer
}
.chosen-container
.chosen-results
li
.disabled-result
{
display
:
list-item
;
color
:
#ccc
;
cursor
:
default
}
.chosen-container
.chosen-results
li
.highlighted
{
color
:
#fff
;
background-color
:
#3280fc
}
.chosen-container
.chosen-results
li
.no-results
{
display
:
list-item
;
background
:
#f4f4f4
}
.chosen-container
.chosen-results
li
.group-result
{
display
:
list-item
;
font-weight
:
700
;
cursor
:
default
}
.chosen-container
.chosen-results
li
.group-option
{
padding-left
:
15px
}
.chosen-container
.chosen-results
li
em
{
font-style
:
normal
;
text-decoration
:
underline
}
.chosen-container-multi
.chosen-choices
{
position
:
relative
;
width
:
100%
;
min-height
:
32px
;
min-height
:
30px
\
0
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding
:
0
;
margin
:
0
;
overflow
:
hidden
;
cursor
:
text
;
background-color
:
#fff
;
border
:
1px
solid
#ccc
;
border-radius
:
4px
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
);
-webkit-transition
:
border-color
ease-in-out
.15s
,
-webkit-box-shadow
ease-in-out
.15s
;
-o-transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
;
transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
}
.chosen-container-multi
.chosen-choices
:before
,
.chosen-container-multi
.chosen-choices
:after
{
display
:
table
;
content
:
" "
}
.chosen-container-multi
.chosen-choices
:after
{
clear
:
both
}
.chosen-container-multi
.chosen-choices
li
{
display
:
block
;
float
:
left
;
padding
:
0
6px
;
margin
:
5px
0
0
6px
;
list-style
:
none
}
.chosen-container-multi
.chosen-choices
li
.search-field
{
padding
:
0
;
margin-bottom
:
4px
;
white-space
:
nowrap
}
.chosen-container-multi
.chosen-choices
li
.search-field
input
[
type
=
text
]
{
height
:
20px
;
font-size
:
100%
;
color
:
gray
;
background
:
transparent
!important
;
border
:
0
!important
;
border-radius
:
0
;
outline
:
0
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.chosen-container-multi
.chosen-choices
li
.search-field
.default
{
color
:
#999
}
.chosen-container-multi
.chosen-choices
li
.search-choice
{
position
:
relative
;
padding
:
3px
20px
3px
5px
;
line-height
:
12px
;
cursor
:
default
;
background-color
:
#f1f1f1
;
-webkit-background-clip
:
padding-box
;
background-clip
:
padding-box
;
border
:
1px
solid
#ddd
;
border-radius
:
3px
;
-webkit-box-shadow
:
0
0
2px
#fff
inset
,
0
1px
0
rgba
(
0
,
0
,
0
,
.05
);
box-shadow
:
0
0
2px
#fff
inset
,
0
1px
0
rgba
(
0
,
0
,
0
,
.05
);
-webkit-transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
.chosen-container-multi
.chosen-choices
li
.search-choice
:hover
{
background-color
:
#fff
;
border-color
:
#c4c4c4
;
-webkit-box-shadow
:
0
1px
0
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
0
1px
0
rgba
(
0
,
0
,
0
,
.1
)}
.chosen-container-multi
.chosen-choices
li
.search-choice
.search-choice-close
{
position
:
absolute
;
top
:
-1px
;
right
:
0
;
display
:
block
;
width
:
19.5px
;
height
:
19.5px
;
font-size
:
15.6px
;
font-weight
:
700
;
line-height
:
19.5px
;
color
:
#000
;
text-align
:
center
;
text-shadow
:
0
1px
0
#fff
;
filter
:
alpha
(
opacity
=
20
);
opacity
:
.2
}
.chosen-container-multi
.chosen-choices
li
.search-choice
.search-choice-close
:before
{
content
:
'×'
}
.chosen-container-multi
.chosen-choices
li
.search-choice
.search-choice-close
:hover
,
.chosen-container-multi
.chosen-choices
li
.search-choice
.search-choice-close
:focus
{
color
:
#000
;
text-decoration
:
none
;
cursor
:
pointer
;
filter
:
alpha
(
opacity
=
50
);
opacity
:
.5
}
.chosen-container-multi
.chosen-choices
li
.search-choice-disabled
{
padding-right
:
5px
;
color
:
#666
;
background-color
:
#e4e4e4
;
border
:
1px
solid
#ccc
}
.chosen-container-multi
.chosen-choices
li
.search-choice-focus
{
background
:
#d4d4d4
}
.chosen-container-multi
.chosen-choices
li
.search-choice-focus
.search-choice-close
{
background-position
:
-42px
-10px
}
.chosen-container-multi
.chosen-results
{
padding
:
0
;
margin
:
0
}
.chosen-container-multi
.chosen-drop
.result-selected
{
display
:
list-item
;
color
:
#ccc
;
cursor
:
default
}
.chosen-container-active
.chosen-single
{
border-color
:
#145ccd
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
20
,
92
,
205
,
.6
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
20
,
92
,
205
,
.6
)}
.chosen-container-active.chosen-with-drop
.chosen-single
{
border
:
1px
solid
#cbcbcb
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
.15
);
border-bottom-right-radius
:
0
;
border-bottom-left-radius
:
0
;
-webkit-box-shadow
:
0
6px
12px
rgba
(
0
,
0
,
0
,
.175
);
box-shadow
:
0
6px
12px
rgba
(
0
,
0
,
0
,
.175
)}
.chosen-container-active.chosen-with-drop
.chosen-single
div
{
background
:
0
0
;
border-left
:
none
}
.chosen-container-active.chosen-with-drop
.chosen-single
div
b
{
content
:
""
;
border-top
:
0
dotted
;
border-bottom
:
4px
solid
#353535
}
.chosen-container-active
.chosen-choices
{
border-color
:
#145ccd
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
20
,
92
,
205
,
.6
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
20
,
92
,
205
,
.6
)}
.chosen-container-active
.chosen-choices
li
.search-field
input
[
type
=
text
]
{
color
:
#111
!important
}
.chosen-disabled
{
cursor
:
default
;
opacity
:
.5
!important
}
.chosen-disabled
.chosen-single
{
cursor
:
default
}
.chosen-disabled
.chosen-choices
.search-choice
.search-choice-close
{
cursor
:
default
}
\ No newline at end of file
dist/lib/chosen/chosen.min.js
浏览文件 @
69671c19
此差异已折叠。
点击以展开。
docs/css/zui.css
浏览文件 @
69671c19
...
...
@@ -10758,7 +10758,7 @@ a.calendar .event.color-purple:hover {
}
.chosen-container-single
.chosen-search
input
[
type
=
"text"
]
{
width
:
100%
;
height
:
auto
;
height
:
27px
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
...
...
@@ -10776,12 +10776,22 @@ a.calendar .event.color-purple:hover {
}
.chosen-container-single
.chosen-search
:before
{
position
:
absolute
;
top
:
8
px
;
top
:
10
px
;
right
:
10px
;
display
:
block
;
font-family
:
ZenIcon
;
font-size
:
14px
;
font-style
:
normal
;
font-weight
:
normal
;
font-variant
:
normal
;
line-height
:
1
;
color
:
#808080
;
text-transform
:
none
;
content
:
'\e603'
;
speak
:
none
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
}
.chosen-container-single
.chosen-drop
{
margin-top
:
-1px
;
...
...
@@ -10910,6 +10920,29 @@ a.calendar .event.color-purple:hover {
.chosen-container-multi
.chosen-choices
li
.search-field
.default
{
color
:
#999
;
}
.chosen-container-multi
.chosen-choices
li
.search-field
:before
{
position
:
absolute
;
right
:
8px
;
bottom
:
8px
;
display
:
block
;
font-family
:
ZenIcon
;
font-size
:
14px
;
font-style
:
normal
;
font-weight
:
normal
;
font-variant
:
normal
;
line-height
:
1
;
color
:
#808080
;
text-transform
:
none
;
content
:
'\e603'
;
opacity
:
0
;
-webkit-transition
:
opacity
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
opacity
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
opacity
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
speak
:
none
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
}
.chosen-container-multi
.chosen-choices
li
.search-choice
{
position
:
relative
;
padding
:
3px
20px
3px
5px
;
...
...
@@ -10972,7 +11005,7 @@ a.calendar .event.color-purple:hover {
background-position
:
-42px
-10px
;
}
.chosen-container-multi
.chosen-results
{
padding
:
0
;
padding
:
5px
0
;
margin
:
0
;
}
.chosen-container-multi
.chosen-drop
.result-selected
{
...
...
@@ -11010,6 +11043,9 @@ a.calendar .event.color-purple:hover {
.chosen-container-active
.chosen-choices
li
.search-field
input
[
type
=
"text"
]
{
color
:
#111
!important
;
}
.chosen-container-active
.chosen-choices
li
.search-field
:before
{
opacity
:
1
;
}
.chosen-disabled
{
cursor
:
default
;
opacity
:
.5
!important
;
...
...
docs/css/zui.css.map
浏览文件 @
69671c19
此差异已折叠。
点击以展开。
docs/css/zui.min.css
浏览文件 @
69671c19
此差异已折叠。
点击以展开。
docs/part/javascript-chosen.html
浏览文件 @
69671c19
...
...
@@ -44,8 +44,10 @@
</section>
<script>
function
onPageLoad
()
{
return
false
;}
function
afterPageLoad
()
{
if
(
$
.
fn
.
chosen
)
$
(
'
#pageBody .chosen-select
'
).
chosen
();
if
(
$
.
fn
.
chosenIcons
)
$
(
'
#chosenIcons
'
).
chosenIcons
();
setTimeout
(
$
.
doc
.
mutePageLoading
,
500
);
}
</script>
src/less/modules/chosen.less
浏览文件 @
69671c19
...
...
@@ -136,7 +136,7 @@
margin: 1px 0;
padding: @padding-small-vertical 26px @padding-small-vertical @padding-small-horizontal;
width: 100%;
height:
auto
;
height:
27px
;
outline: 0;
border: 1px solid @input-border;
border-radius: @input-border-radius;
...
...
@@ -156,9 +156,9 @@
display: block;
right: 10px;
color: @color-gray;
top:
8
px;
top:
10
px;
content: @icon-search;
font-family: @icon-font-name
;
.icon-zenicon()
;
}
}
.chosen-drop {
...
...
@@ -269,6 +269,18 @@
{
color: #999;
}
&:before {
.icon-zenicon();
content: @icon-search;
position: absolute;
display: block;
right: 8px;
bottom: 8px;
opacity: 0;
color: @color-gray;
.transition-fast(opacity);
}
}
&.search-choice
{
...
...
@@ -333,7 +345,7 @@
}
.chosen-results {
margin: 0;
padding: 0;
padding:
5px
0;
// margin-top: ~'-1px\0';
}
.chosen-drop .result-selected {
...
...
@@ -378,6 +390,10 @@
li.search-field input[type="text"] {
color: #111 !important;
}
li.search-field:before {
opacity: 1;
}
}
}
// @end
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录