mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 11:10:01 +08:00
Code Issues Actions 25 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 {
border: 1px solid @border-color-base;
border-color: @border-color-split;
border: 1px solid @border-color-split;
}
&-head {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -282,7 +282,7 @@
border-radius: 4px;
cursor: default;
float: left;
padding: 0 15px;
padding: 0 16px;
margin-right: 4px;
max-width: 99%;
position: relative;
@ -395,7 +395,6 @@
}
background-color: white;
border: 1px solid @border-color-base;
box-shadow: @box-shadow-base;
border-radius: @border-radius-base;
box-sizing: border-box;
@ -427,13 +426,13 @@
&-item-group-title {
color: #999;
line-height: 1.5;
padding: 8px 15px;
padding: 8px 16px;
}
&-item {
position: relative;
display: block;
padding: 7px 15px;
padding: 7px 16px;
font-weight: normal;
color: #666;
white-space: nowrap;
@ -485,7 +484,7 @@
.iconfont-size-under-12px(10px);
transition: all 0.2s ease;
position: absolute;
right: 15px;
right: 16px;
font-weight: bold;
text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
}
@ -512,23 +511,4 @@
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
// Shadow
@shadow-color : rgba(100, 100, 100, .2);
@shadow-color : rgba(0, 0, 0, .2);
@box-shadow-base : @shadow-1-down;
@shadow-1-up : 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;
background: #fff;
border-radius: @border-radius-base;
border: 1px solid @border-color-base;
box-shadow: @box-shadow-base;
.@{ant-prefix}-dropdown-menu {
@ -323,7 +322,6 @@
&-sub {
border-radius: @border-radius-base;
border: 1px solid @border-color-base;
box-shadow: @box-shadow-base;
}
@ -347,7 +345,7 @@
&-btns {
overflow: hidden;
padding: 7px 15px;
padding: 7px 16px;
border-top: 1px solid @border-color-split;
}

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

@ -13,7 +13,6 @@
display: inline-block;
position: relative;
outline: none;
border: 1px solid @border-color-base;
list-style: none;
font-size: 12px;
text-align: left;
@ -21,9 +20,9 @@
border-radius: @border-radius-base;
box-shadow: @box-shadow-base;
background-clip: padding-box;
border: 1px solid #ccc;
line-height: 1.5;
overflow: hidden;
left: -2px;
}
&-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 {
padding: 7px 15px;
padding: 7px 16px;
color: #ccc;
cursor: not-allowed;
display: block;
@ -125,6 +125,6 @@
.@{ant-prefix}-select-not-found {
cursor: not-allowed;
color: #ccc;
padding: 7px 15px;
padding: 7px 16px;
display: block;
}