ant-design/style/components/datepicker/TimePanel.less

72 lines
1.2 KiB
Plaintext
Raw Normal View History

2015-06-09 15:21:44 +08:00
.@{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;
2015-06-11 18:08:00 +08:00
border-bottom: 1px solid #e9e9e9;
2015-06-09 15:21:44 +08:00
}
.@{prefixCalendarClass}-time-panel-body {
2015-06-12 15:39:01 +08:00
padding: 2px 10px;
2015-06-09 15:21:44 +08:00
}
.@{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;
2015-06-11 18:08:00 +08:00
height: 40px;
2015-06-09 15:21:44 +08:00
vertical-align: middle;
}
.@{prefixCalendarClass}-time-panel-time {
2015-06-11 18:08:00 +08:00
line-height: 24px;
2015-06-09 15:21:44 +08:00
display: block;
border-radius: 4px;
margin: 0 auto;
&:hover {
background: #ebfaff;
cursor: pointer;
}
}
.@{prefixCalendarClass}-time-panel-selected-cell .@{prefixCalendarClass}-time-panel-time {
background: #3fc7fa;
color: #fff;
&:hover {
background: #3fc7fa;
color: #fff;
}
2015-06-11 18:08:00 +08:00
}