weaver_trunk_cli/pc4mobx/hrmAttendance/style/shift.less

170 lines
4.8 KiB
Plaintext

.shift{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 100%;
.left{
width: 220px;
border-right: 1px solid #ddd;
height: 100%;
&-hide{
display: none;
}
.header{
height: 48px;
line-height: 48px;
width: 100%;
text-align: center;
border-bottom: 1px solid #ddd;
}
.hrmBrowser{
width: 100%;
height: 48px;
display: table;
&>div{
display: table-cell;
vertical-align: middle;
width: 100%;
.wea-browser{
width: 188px;
margin: 0px auto;
}
}
}
.treeList{
width: 100%;
height: calc(~"100% - 97px");
}
}
.right{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
flex-basis: 0%;
overflow: hidden;
height: 100%;
.hasRight{
color: #1e88e5;
padding: 0px 8px;
}
.conditionBar{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 48px;
width: 100%;
border-bottom: 1px solid #ddd;
padding-left: 10px;
padding-right: 10px;
&>div{
height: 48px;
line-height: 48px;
margin-right: 10px;
}
.dateType{
width: 30px;
cursor: pointer;
&-active{
color: #1e88e5;
}
}
}
.calendar{
width: 100%;
height: calc(~"100% - 49px");
.ant-fullcalendar-header{
display:none;
}
.ant-fullcalendar-fullscreen {
.ant-fullcalendar-today{
.ant-fullcalendar-date{
background-color:#fefce9 !important;
// border-top:1px solid #eee !important;
}
}
.ant-fullcalendar-calendar-body{
padding:0;
table{
td{
border: 1px solid #eee;
}
tr>:first-child{
border-left: none !important;
}
thead{
.ant-fullcalendar-column-header{
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
padding-right: 0;
text-align: center;
padding-bottom: 0;
color:#333333;
}
tr{
height: 40px;
th{
background-color: #f5f5f5;
}
}
}
tbody{
tr{
height: 100px;
td{
height: 100px;
box-sizing: content-box;
}
}
.ant-fullcalendar-date{
padding:0;
padding-top: 5px;
margin: 0;
border-collapse:collapse;
border: 0;
height: 122px;
.ant-fullcalendar-value{
margin:0 16px 0 0;
}
.ant-fullcalendar-content{
overflow:hidden;
// height:100px;
}
}
.ant-fullcalendar-date:hover{
background-color:#ffffff;
}
}
}
}
}
.year-cell-bottom {
position: absolute;
bottom: -2px;
width: 100%;
height: 4px;
}
}
}
}