improve selected item style, close #467

This commit is contained in:
afc163 2015-12-08 22:08:21 +08:00
parent c1b1765a1b
commit 2c3bf07d39
5 changed files with 21 additions and 45 deletions

View File

@ -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 {

View File

@ -181,7 +181,6 @@
margin-left: 15px;
&-size-changer {
float: left;
width: 90px;
margin-right: 10px;
}

View File

@ -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 {

View File

@ -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;

View File

@ -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%);
}
}
}