mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-11 19:42:54 +08:00
Code Issues Actions 41 Packages Projects Releases Wiki Activity

Improve overlay border design

Browse Source
This commit is contained in:
afc163 2016-10-14 15:40:39 +08:00
parent 98c15a5113
commit d92a24d477
13 changed files with 19 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/card/style/index.less
View File

@ -16,8 +16,7 @@
} }
&-bordered { &-bordered {
border: 1px solid @border-color-base; border: 1px solid @border-color-split;
border-color: @border-color-split;
} }
&-head { &-head {

1
components/cascader/style/index.less
View File

@ -99,7 +99,6 @@
background: #fff; background: #fff;
position: absolute; position: absolute;
z-index: @zindex-dropdown; z-index: @zindex-dropdown;
border: 1px solid @border-color-base;
border-radius: @border-radius-base; border-radius: @border-radius-base;
box-shadow: @box-shadow-base; box-shadow: @box-shadow-base;
white-space: nowrap; white-space: nowrap;

4
components/date-picker/style/Calendar.less
View File

@ -86,7 +86,7 @@
position: relative; position: relative;
outline: none; outline: none;
width: 231px; width: 231px;
border: 1px solid @border-color-base; border: 1px solid #fff;
list-style: none; list-style: none;
font-size: @font-size-base; font-size: @font-size-base;
text-align: left; text-align: left;
@ -238,7 +238,7 @@
} }
&-footer { &-footer {
padding: 0 15px; padding: 0 16px;
height: 38px; height: 38px;
line-height: 38px; line-height: 38px;
border-top: 1px solid @border-color-split; border-top: 1px solid @border-color-split;

6
components/date-picker/style/RangePicker.less
View File

@ -86,10 +86,7 @@
position: relative; position: relative;
height: @input-box-height; height: @input-box-height;
} }
.@{calendar-prefix-cls}-input {
border: 1px solid @border-color-base;
border-radius: @border-radius-sm;
}
.@{calendar-prefix-cls}-input, .@{calendar-prefix-cls}-input,
.@{calendar-timepicker-prefix-cls}-input { .@{calendar-timepicker-prefix-cls}-input {
.input; .input;
@ -102,6 +99,7 @@
box-shadow: none; box-shadow: none;
} }
} }
.@{calendar-timepicker-prefix-cls}-icon { .@{calendar-timepicker-prefix-cls}-icon {
display: none; display: none;
} }

9
components/dropdown/style/index.less
View File

@ -47,11 +47,10 @@
border-radius: @border-radius-base; border-radius: @border-radius-base;
box-shadow: @box-shadow-base; box-shadow: @box-shadow-base;
background-clip: padding-box; background-clip: padding-box;
border: 1px solid @border-color-base;
&-item, &-item,
&-submenu-title { &-submenu-title {
padding: 7px 15px; padding: 7px 16px;
margin: 0; margin: 0;
clear: both; clear: both;
font-size: 12px; font-size: 12px;
@ -64,8 +63,8 @@
> a { > a {
color: #666; color: #666;
display: block; display: block;
padding: 7px 15px; padding: 7px 16px;
margin: -7px -15px; margin: -7px -16px;
} }
&:hover { &:hover {
@ -108,7 +107,7 @@
font-family: "anticon" !important; font-family: "anticon" !important;
position: absolute; position: absolute;
content: "\e61f"; content: "\e61f";
right: 15px; right: 16px;
color: #999; color: #999;
.iconfont-size-under-12px(9px); .iconfont-size-under-12px(9px);
} }

3
components/mention/style/index.less
View File

@ -41,7 +41,6 @@
max-height: 250px; max-height: 250px;
min-width: 120px; min-width: 120px;
background-color: white; background-color: white;
border: 1px solid @border-color-base;
box-shadow: @box-shadow-base; box-shadow: @box-shadow-base;
border-radius: @border-radius-base; border-radius: @border-radius-base;
box-sizing: border-box; box-sizing: border-box;
@ -63,7 +62,7 @@
&-item { &-item {
position: relative; position: relative;
display: block; display: block;
padding: 7px 15px; padding: 7px 16px;
font-weight: normal; font-weight: normal;
color: #666; color: #666;
white-space: nowrap; white-space: nowrap;

1
components/message/style/index.less
View File

@ -22,7 +22,6 @@
right: 50%; right: 50%;
padding: 8px 16px; padding: 8px 16px;
border-radius: @border-radius-base; border-radius: @border-radius-base;
border: 1px solid @border-color-base;
box-shadow: @shadow-2; box-shadow: @shadow-2;
background: #fff; background: #fff;
display: block; display: block;

1
components/notification/style/index.less
View File

@ -16,7 +16,6 @@
padding: @notification-padding; padding: @notification-padding;
border-radius: @border-radius-base; border-radius: @border-radius-base;
box-shadow: @shadow-2; box-shadow: @shadow-2;
border: 1px solid @border-color-base;
background: #fff; background: #fff;
line-height: 1.5; line-height: 1.5;
position: relative; position: relative;

28
components/select/style/index.less
View File

@ -282,7 +282,7 @@
border-radius: 4px; border-radius: 4px;
cursor: default; cursor: default;
float: left; float: left;
padding: 0 15px; padding: 0 16px;
margin-right: 4px; margin-right: 4px;
max-width: 99%; max-width: 99%;
position: relative; position: relative;
@ -395,7 +395,6 @@
} }
background-color: white; background-color: white;
border: 1px solid @border-color-base;
box-shadow: @box-shadow-base; box-shadow: @box-shadow-base;
border-radius: @border-radius-base; border-radius: @border-radius-base;
box-sizing: border-box; box-sizing: border-box;
@ -427,13 +426,13 @@
&-item-group-title { &-item-group-title {
color: #999; color: #999;
line-height: 1.5; line-height: 1.5;
padding: 8px 15px; padding: 8px 16px;
} }
&-item { &-item {
position: relative; position: relative;
display: block; display: block;
padding: 7px 15px; padding: 7px 16px;
font-weight: normal; font-weight: normal;
color: #666; color: #666;
white-space: nowrap; white-space: nowrap;
@ -485,7 +484,7 @@
.iconfont-size-under-12px(10px); .iconfont-size-under-12px(10px);
transition: all 0.2s ease; transition: all 0.2s ease;
position: absolute; position: absolute;
right: 15px; right: 16px;
font-weight: bold; font-weight: bold;
text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0; text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
} }
@ -512,23 +511,4 @@
display: block; display: block;
} }
} }
.@{select-prefix-cls}-dropdown-search {
display: block;
padding: 4px;
.@{select-prefix-cls}-search__field__wrap {
width: 100%;
}
.@{select-prefix-cls}-search__field {
padding: 4px 7px;
width: 100%;
box-sizing: border-box;
border: 1px solid @border-color-base;
border-radius: 4px;
outline: none;
}
&.@{select-prefix-cls}-search--hide {
display: none;
}
}
} }

2
components/style/themes/default.less
View File

@ -61,7 +61,7 @@
@background-color-base : #f7f7f7; // basic gray background @background-color-base : #f7f7f7; // basic gray background
// Shadow // Shadow
@shadow-color : rgba(100, 100, 100, .2); @shadow-color : rgba(0, 0, 0, .2);
@box-shadow-base : @shadow-1-down; @box-shadow-base : @shadow-1-down;
@shadow-1-up : 0 -1px 6px @shadow-color; @shadow-1-up : 0 -1px 6px @shadow-color;
@shadow-1-down : 0 1px 6px @shadow-color; @shadow-1-down : 0 1px 6px @shadow-color;

4
components/table/style/index.less
View File

@ -309,7 +309,6 @@
margin-left: -8px; margin-left: -8px;
background: #fff; background: #fff;
border-radius: @border-radius-base; border-radius: @border-radius-base;
border: 1px solid @border-color-base;
box-shadow: @box-shadow-base; box-shadow: @box-shadow-base;
.@{ant-prefix}-dropdown-menu { .@{ant-prefix}-dropdown-menu {
@ -323,7 +322,6 @@
&-sub { &-sub {
border-radius: @border-radius-base; border-radius: @border-radius-base;
border: 1px solid @border-color-base;
box-shadow: @box-shadow-base; box-shadow: @box-shadow-base;
} }
@ -347,7 +345,7 @@
&-btns { &-btns {
overflow: hidden; overflow: hidden;
padding: 7px 15px; padding: 7px 16px;
border-top: 1px solid @border-color-split; border-top: 1px solid @border-color-split;
} }

3
components/time-picker/style/index.less
View File

@ -13,7 +13,6 @@
display: inline-block; display: inline-block;
position: relative; position: relative;
outline: none; outline: none;
border: 1px solid @border-color-base;
list-style: none; list-style: none;
font-size: 12px; font-size: 12px;
text-align: left; text-align: left;
@ -21,9 +20,9 @@
border-radius: @border-radius-base; border-radius: @border-radius-base;
box-shadow: @box-shadow-base; box-shadow: @box-shadow-base;
background-clip: padding-box; background-clip: padding-box;
border: 1px solid #ccc;
line-height: 1.5; line-height: 1.5;
overflow: hidden; overflow: hidden;
left: -2px;
} }
&-input { &-input {

4
components/tree-select/style/index.less
View File

@ -116,7 +116,7 @@
} }
.@{select-tree-prefix-cls}-dropdown .@{ant-prefix}-select-dropdown-search + span { .@{select-tree-prefix-cls}-dropdown .@{ant-prefix}-select-dropdown-search + span {
padding: 7px 15px; padding: 7px 16px;
color: #ccc; color: #ccc;
cursor: not-allowed; cursor: not-allowed;
display: block; display: block;
@ -125,6 +125,6 @@
.@{ant-prefix}-select-not-found { .@{ant-prefix}-select-not-found {
cursor: not-allowed; cursor: not-allowed;
color: #ccc; color: #ccc;
padding: 7px 15px; padding: 7px 16px;
display: block; display: block;
} }