Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
ce2aeb48
A
ant-design
项目概览
wanjj_1210
/
ant-design
与 Fork 源项目一致
从无法访问的项目Fork
通知
10
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
ce2aeb48
编写于
9月 23, 2015
作者:
A
afc163
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
improve input number handler
上级
388ecf95
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
46 addition
and
17 deletion
+46
-17
style/components/inputNumber.less
style/components/inputNumber.less
+46
-17
未找到文件。
style/components/inputNumber.less
浏览文件 @
ce2aeb48
...
...
@@ -22,6 +22,11 @@
height: 14px;
overflow: hidden;
color: #999;
transition: all 0.2s linear;
position: relative;
&:hover {
background: #fefefe;
}
&:hover &-up-inner,
&:hover &-down-inner {
color: tint(@primary-color, 20%);
...
...
@@ -32,11 +37,11 @@
.iconfont-mixin();
line-height: 12px;
user-select: none;
-webkit-user-select: none;
position: absolute;
width: 12px;
height: 12px;
.iconfont-size-under-12px(8px);
transition: all 0.2s linear;
.iconfont-size-under-12px(7px);
right: 4px;
color: #999;
}
...
...
@@ -65,7 +70,7 @@
-moz-appearance: textfield;
line-height: 28px;
height: 28px;
transition: all 0.3s
ease
;
transition: all 0.3s
linear
;
color: #666;
border: 0;
border-radius: @border-radius-base;
...
...
@@ -78,13 +83,13 @@
&-lg {
padding: 0;
.
ant-input-number
-handler-wrap {
.
@{input-number-prefix-cls}
-handler-wrap {
height: 32px;
}
.
ant-input-number
-input-wrap {
.
@{input-number-prefix-cls}
-input-wrap {
height: 32px;
}
.
ant-input-number
-handler {
.
@{input-number-prefix-cls}
-handler {
height: 16px;
}
...
...
@@ -94,25 +99,28 @@
font-size: 14px;
}
.
ant-input-number
-handler-up-inner {
.
@{input-number-prefix-cls}
-handler-up-inner {
top: 2px;
}
.ant-input-number-handler-down-inner {
top: 18px;
.@{input-number-prefix-cls}-handler-down-inner {
bottom: 2px;
}
.@{input-number-prefix-cls}-handler-up:hover {
height: 18px;
}
}
&-sm {
padding: 0;
.
ant-input-number
-handler-wrap {
.
@{input-number-prefix-cls}
-handler-wrap {
height: 22px;
}
.
ant-input-number
-input-wrap {
.
@{input-number-prefix-cls}
-input-wrap {
height: 22px;
overflow: hidden;
position: relative;
}
.
ant-input-number
-handler {
.
@{input-number-prefix-cls}
-handler {
height: 11px;
}
...
...
@@ -122,11 +130,17 @@
position: absolute;
top: 0;
}
.
ant-input-number
-handler-up-inner {
.
@{input-number-prefix-cls}
-handler-up-inner {
top: -1px;
}
.ant-input-number-handler-down-inner {
top: 10px;
.@{input-number-prefix-cls}-handler-down-inner {
bottom: -1px;
}
.@{input-number-prefix-cls}-handler-up:hover {
height: 13px;
}
.@{input-number-prefix-cls}-handler-down:hover .@{input-number-prefix-cls}-handler-down-inner {
bottom: 4px;
}
}
...
...
@@ -137,7 +151,7 @@
height: 28px;
position: relative;
opacity: 0;
transition: opacity 0.2s
ease
;
transition: opacity 0.2s
linear
;
}
&:hover &-handler-wrap {
...
...
@@ -145,10 +159,10 @@
}
&-handler-up {
border-bottom: 1px solid #D9D9D9;
cursor: pointer;
&-inner {
top: 1px;
transition: all 0.2s linear;
.ie-rotate(2);
&:before {
text-align: center;
...
...
@@ -157,9 +171,17 @@
-webkit-transform-origin: 47.5% 51%; /* fix chrome position */
}
}
&:hover {
height: 16px;
}
&:hover &-inner {
margin-top: 2px;
}
}
&-handler-down {
border-top: 1px solid #D9D9D9;
top: -1px;
cursor: pointer;
&-inner {
&:before {
...
...
@@ -167,6 +189,10 @@
content: "\e600";
}
}
&:hover {
height: 16px;
margin-top: -2px;
}
}
.handler-disabled() {
...
...
@@ -192,6 +218,9 @@
cursor: not-allowed;
background-color: #f3f3f3;
}
.@{input-number-prefix-cls}-handler-wrap {
display: none;
}
.@{input-number-prefix-cls}-handler {
.handler-disabled();
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录