mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-25 03:29:59 +08:00
improve selected item style, close #467
This commit is contained in:
parent
c1b1765a1b
commit
2c3bf07d39
@ -54,7 +54,7 @@
|
||||
}
|
||||
|
||||
& > &-item {
|
||||
padding: 7px 16px;
|
||||
padding: 7px 15px;
|
||||
clear: both;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
@ -66,8 +66,8 @@
|
||||
> a {
|
||||
color: #666;
|
||||
display: block;
|
||||
padding: 7px 16px;
|
||||
margin: -7px -16px;
|
||||
padding: 7px 15px;
|
||||
margin: -7px -15px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
@ -181,7 +181,6 @@
|
||||
margin-left: 15px;
|
||||
&-size-changer {
|
||||
float: left;
|
||||
width: 90px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
|
@ -10,23 +10,6 @@
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.selected_icon() {
|
||||
position: relative;
|
||||
&:after {
|
||||
.iconfont-size-under-12px(9px);
|
||||
display: inline-block;
|
||||
content: '\e62e';
|
||||
font-family: 'anticon';
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
right: -1px;
|
||||
padding-right: 14px;
|
||||
color: @primary-color;
|
||||
transform: scale(0.75);
|
||||
}
|
||||
}
|
||||
|
||||
.@{select-prefix-cls} {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
@ -356,18 +339,6 @@
|
||||
animation-name: antSlideDownOut;
|
||||
}
|
||||
|
||||
&-menu-item {
|
||||
transition: background 0.3s ease;
|
||||
}
|
||||
|
||||
&--single &-menu-item-selected {
|
||||
.selected_icon();
|
||||
}
|
||||
|
||||
&--multiple &-menu-item-selected {
|
||||
.selected_icon();
|
||||
}
|
||||
|
||||
&-hidden {
|
||||
display: none;
|
||||
}
|
||||
@ -405,18 +376,19 @@
|
||||
&-item-group-title {
|
||||
color: #999;
|
||||
line-height: 1.5;
|
||||
padding: 8px 16px;
|
||||
padding: 8px 15px;
|
||||
}
|
||||
|
||||
&-item {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 7px 33px 7px 16px;
|
||||
padding: 7px 15px;
|
||||
font-weight: normal;
|
||||
color: #666;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
transition: background 0.3s ease;
|
||||
|
||||
&:first-child {
|
||||
border-top-left-radius: 4px;
|
||||
@ -428,7 +400,14 @@
|
||||
}
|
||||
&:hover,
|
||||
&-active {
|
||||
background-color: tint(@primary-color, 90%) !important;
|
||||
background-color: tint(@primary-color, 90%);
|
||||
}
|
||||
|
||||
&-selected {
|
||||
background-color: tint(@primary-color, 80%);
|
||||
&:hover {
|
||||
background-color: tint(@primary-color, 80%);
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
|
@ -218,14 +218,13 @@
|
||||
}
|
||||
|
||||
.@{table-prefix-cls}-filter-dropdown {
|
||||
min-width: 88px;
|
||||
min-width: 96px;
|
||||
margin-left: -8px;
|
||||
.ant-dropdown-menu-item {
|
||||
overflow: hidden;
|
||||
padding: 7px 8px;
|
||||
}
|
||||
|
||||
a&-link {
|
||||
.ant-dropdown-menu-item a&-link {
|
||||
color: @link-color;
|
||||
&:hover {
|
||||
color: @link-hover-color;
|
||||
|
@ -41,15 +41,14 @@
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
|
||||
&.@{timepicker-prefix-cls}-panel-select-option-selected {
|
||||
background: tint(@primary-color, 90%);
|
||||
color: @link-color;
|
||||
}
|
||||
transition: background 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
background: tint(@primary-color, 90%);
|
||||
transition: background 0.3s ease;
|
||||
}
|
||||
|
||||
&.@{timepicker-prefix-cls}-panel-select-option-selected {
|
||||
background: tint(@primary-color, 80%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user