weaver_trunk_cli/pc4mobx/prj/components/projectBoard/style/slide.less

261 lines
7.4 KiB
Plaintext

.mTop10 {
margin-top: 10px!important;
}
.pTop15 {
padding-top: 15px!important;
}
.Prj-WeaSlideModal .rodal-close{
display: none;
}
.Prj-WeaSlideModal .wea-slide-modal-content {
height: 100%;
background: #fff;
}
.Prj-WeaSlideModal .ant-spin-nested-loading{
position: relative;
height: 100%;
}
.Prj-WeaSlideModal .ant-spin-container{
position: relative;
zoom: 1;
height: 100%;
}
.wea-prj-slide{
height: 100%;
.wea-prj-slide-top{
flex-grow: 0;
flex-shrink: 0;
position: relative;
width: 100%;
height: 52px;
padding: 0 20px;
border-bottom: 1px solid #ccc;
font-size: 14px;
.prj-rangepicker{
line-height: 20px;
margin-top: 10px;
position: relative;
}
.wea-prj-slide-top-operation{
margin-top: 20px;
font-size: 14px;
cursor: pointer;
}
}
.wea-prj-slide-content{
// height: calc(~"100% - 90px");
// height:-webkit-calc(~"100% - 52px");
// height:-moz-calc(~"100% - 52px");
flex: 100%;
overflow-y: hidden;
overflow-x: hidden;
width: 100%;
background: #f5f5f5;
.taskContentBox{
padding: 0 20px;
.taskContentBoxBlock{
box-sizing: border-box;
width: 100%;
border: 1px solid #e0e0e0;
background: #fff;
border-radius: 5px;
.taskContentLine {
line-height: 21px;
word-wrap: break-word;
padding: 0 15px 0 25px;
box-sizing: border-box;
width: 100%;
position: relative;
margin-bottom: 10px;
// span{
// border: 0px;
// }
input {
border: 0px;
}
.fieldName{
display: block;
width: 80px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.discuss-manager-img{
width: 24px;
height: 24px;
border-radius: 100%;
}
}
.taskContentBoxIcon {
margin-top: 7px;
display: inline-block;
font-style: normal;
font-size: 15px;
vertical-align: baseline;
text-align: center;
text-transform: none;
/* text-rendering: auto; */
line-height: 1;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
.taskContentBoxLine{
padding-top: 10px;
border-top: 1px solid #e0e0e0;
}
.taskContentBoxTopTitle{
margin-top: 7px;
display: inline-block;
font-style: normal;
font-size: 10px;
vertical-align: baseline;
text-align: center;
text-transform: none;
/* text-rendering: auto; */
line-height: 1;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
}
.slideSubTask {
width: 100%;
// -webkit-user-select: none;
.subTasksStatusWidth {
width: 30px;
margin: 10px 0 0 6px;
cursor: pointer;
font-size: 15px;
}
.subTasksNameMain {
margin: 9px 0 9px 0;
padding-bottom: 1px;
flex: 1 1 0%;
-webkit-flex: 1;
}
.subTasksOperator {
width: auto;
margin: 4px 30px 0 10px;
position: relative;
span.ant-input{
position: static;
display: table-footer-group;
cursor: pointer;
}
.wea-rangerpicker {
display: inline-block;
width: 0%;
position: absolute;
right: -27px;
top: -10px;
}
.ant-calendar-picker {
position: static;
display: block;
width: 0%;
}
.ant-calendar-range-picker-input{
display: none;
}
.ant-calendar-range-picker-separator{
display: none;
}
.ant-calendar-range-picker-input{
display: none;
}
.picker-icon{
position: absolute;
// -webkit-user-select: none;
// -moz-user-select: none;
// -ms-user-select: none;
user-select: none;
// -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
// -o-transition: all .3s cubic-bezier(.645,.045,.355,1);
// transition: all .3s cubic-bezier(.645,.045,.355,1);
width: 12px;
height: 12px;
line-height: 12px;
right: 5px;
top: 63%;
margin-top: 3px;
color: #b2b2b2;
font-size: 17px;
padding-top: 17px;
}
}
.sub-task-manager-img{
width: 24px;
height: 24px;
border-radius: 100%;
}
}
}
}
.wea-prj-slide-comment{
flex: 0 0 auto;
position: fixed;
bottom: 0;
width: 100%;
z-index: 99999;
.taskCommenter {
width: 100%;
padding: 10px 10px 10px 21px;
background: #fff;
box-sizing: border-box;
border-top: 1px solid #ccc;
}
}
.addTaskSubBtn {
display: inline-block;
height: 36px;
line-height: 36px;
font-size: 13px;
margin-left: 6px;
margin-top: 10px;
i {
font-size: 14px;
margin-right: 10px;
}
}
.addTaskSubBtn:not(:hover) {
color: #9e9e9e!important;
}
.slideSubTask>li:hover {
background: #f6f6f6;
}
.slideSubTask>li:first-child {
margin-top: 0;
}
.slideSubTask>li {
display: flex;
display: -webkit-flex;
width: 100%;
min-height: 36px;
margin-top: 10px;
}
.pointer {
cursor: pointer;
}
}
.slideTaskCard{
overflow-y: hidden;
height: 100%;
}