ant-design/style/components/datepicker/TimePanel.less
2015-06-17 21:20:43 +08:00

73 lines
1.3 KiB
Plaintext

.@{prefixCalendarClass}-time-panel {
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
background: #ffffff;
z-index: 10;
position: absolute;
outline: none;
}
.@{prefixCalendarClass}-time-panel-header {
padding: 0 10px;
height: 34px;
line-height: 34px;
position: relative;
text-align: center;
user-select: none;
-webkit-user-select: none;
border-bottom: 1px solid #e9e9e9;
}
.@{prefixCalendarClass}-time-panel-body {
padding: 2px 10px;
}
.@{prefixCalendarClass}-time-panel-title {
width: 180px;
font-weight: bold;
display: inline-block;
padding: 4px 5px;
text-align: center;
height: 30px;
line-height: 22px;
border-radius: 4px;
}
.@{prefixCalendarClass}-time-panel-table {
table-layout: fixed;
width: 100%;
border-collapse: separate;
}
.@{prefixCalendarClass}-time-panel-cell {
text-align: center;
height: 40px;
vertical-align: middle;
}
.@{prefixCalendarClass}-time-panel-time {
line-height: 24px;
display: block;
border-radius: 4px;
margin: 0 auto;
color: #666;
&:hover {
background: fadeout(#2db7f5, 90%);
cursor: pointer;
}
}
.@{prefixCalendarClass}-time-panel-selected-cell .@{prefixCalendarClass}-time-panel-time {
background: #2db7f5;
color: #fff;
&:hover {
background: #2db7f5;
color: #fff;
}
}