weaver_trunk_cli/pc4mobx/prj/components/single/style/taskCardNew.less

495 lines
13 KiB
Plaintext

.task-list-view-content{
.task-list-view {
height: 100%;
.ant-pagination {
margin-top: 9px;
text-align: center;
&>li {
float: none;
display: inline-block;
}
}
}
.task-list-item{
border: 10px;
box-sizing: border-box;
display: block;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
cursor : pointer;
text-decoration : none;
margin : 0px;
padding : 0px;
outline : none;
font-size : 12px;
font-weight : inherit;
position : relative;
color : #000;
line-height : 16px;
-webkit-transition : all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
transition : all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
background : none;
.task-list-item-content {
margin-left: 0px;
position: relative;
padding: 10px 0px;
margin: 0px 20px;
border-bottom: 1px solid #e7e7e7;
.name-state{
float: right;
width: 60px;
height: 18px;
background: #038ef6;
color: #fff;
border-radius: 10px;
text-align: center;
line-height: 18px;
}
.task-list-item-content-top{
white-space: nowrap;
overflow: hidden;
.name-wrapper {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.subname-wrapper {
font-size: 10px;
line-height: 18px;
height: 18px;
margin: 8px 0px 0px;
color: rgba(0, 0, 0, 0.54);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
.tip{
font-size: 10px;
background-color: #eaebed;
margin-right: 5px;
padding: 0px 6px;
border-radius: 6px;
}
.tip-status{
font-size: 10px;
margin-right: 5px;
padding: 0px 6px;
border-radius: 6px;
border: 1px solid #a8e0ce;
color: #a8e0ce;
}
.tip-status.later{
background-color: red;
color: white;
border: 0px;
}
}
}
}
}
}
.top_tips {
// font-family : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
// -webkit-font-smoothing : antialiased;
// -moz-osx-font-smoothing: grayscale;
-webkit-box-flex : 1;
flex : 1;
display : -webkit-box;
display : flex;
padding : 4px;
cursor : pointer;
-webkit-box-align : center;
align-items : center;
-webkit-transition : background-color .2s;
transition : background-color .2s;
border-radius : 30px;
&:hover {
background-color: #e8f3ff;
}
.left_icon {
.manager-img {
width : 40px;
height : 40px;
border-radius: 100%;
font-size: 40px;
}
.stauts_wks{
color:#2db7f5;
}
.stauts_finish{
color:green;
}
.flag{
color:red;
}
.flag1{
color:#b9b9b9;
}
float: left;
width: 45px;
}
.right_info {
margin-left: 10px;
.right_info_l {
// width : 80px;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
font-size : 15px;
color : #303030;
font-weight : 500;
}
.right_info_overflow {
width: 80px;
}
.right_info_r {
line-height: 1;
margin-top : 5px;
font-size : 12px;
color : #909090;
font-weight: 500;
}
}
}
.task_card_new {
// font-family : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
// -webkit-font-smoothing : antialiased;
// -moz-osx-font-smoothing: grayscale;
height : 100%;
.task_card_new_l_top {
margin-bottom : 5px;
background-color: #fff;
}
.task_card_new_l {
width:62%;
height:100%;
float:left
}
.task_card_new_r {
margin-left : 5px;
background-color: #fff;
.task_card_new-dt-title {
height : 50px;
line-height: 50px;
text-indent: 20px;
font-size: 16px;
color: #303030;
font-weight: 500;
.task_card_new-main-card-title{
}
}
}
.task_card_new_l_contents {
display: contents;
}
// padding: 14px;
// .ant-row>div {
// // padding: 8px 8px 0 8px;
// }
;
.ant-card-body {
padding: 16px;
}
.prj-card-title {
font-size: 16px;
cursor : pointer;
}
.prj-card-msg {
font-size : 10px;
color : #c9c9c9;
line-height: 20px;
}
.manager-img {
width : 25px;
height : 25px;
border-radius: 100%;
}
.ant-card {
box-shadow: 3px 2px 4px #dad8d845;
}
.ant-card-head {
height: 24px
}
.ant-row {
//padding : 5px 10px 5px 10px;
// font-size : 15px;
line-height : 24px;
}
.ant-card-body {
padding: 0px;
}
.manager-img2 {
width : 40px;
height : 40px;
border-radius: 100%;
margin-left : 30px;
}
.ant-tabs-bar {
margin-bottom: 0px;
}
.ant-steps {
font-size : 0;
width : 100%;
line-height: 1.5;
display : -ms-flexbox;
display : table-cell;
}
.prj-step {
.step-row {
padding: 5px 0px 5px 5px;
}
.step-img {
width: 38px;
}
.step-num {
font-size : 26px;
margin-left: 10px;
}
.step-title {
font-size: 10px;
color : #909090;
}
}
.prj_protal_card_title {
font-size : 15px;
font-weight : 400;
border-left : 3px solid #0094ff;
padding-left: 5px;
}
.new-task-wide {
margin: 0px 20px;
}
.new-task-wide-title {
.new-task-wide-title-container {
text-indent: 24px;
height : 47px;
line-height: 47px;
min-height : 35px;
font-size : 18px;
color : #303030;
font-weight: 500;
overflow-y : hidden;
width: 100%;
}
.timecol{
width: 0;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.timecol1{
display: flex;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.new-tab-bar-menu-wraps {
height : 45px;
line-height : 45px;
.new-tab-bar-menu-ul {
list-style : none;
padding : 0px;
margin : 0px;
padding : 0px 20px;
display : -webkit-box;
display : flex;
-webkit-box-pack: end;
justify-content : flex-end;
align-content : center;
position : relative;
.wea-tab {
position: static;
.wea-search-container {
width : 100%;
position : absolute;
left : 0px;
right : 0px;
top : 44px;
background-color : #fff;
z-index : 1000;
border : 1px solid #dadada;
-webkit-box-shadow: 0 0 2px #dadada;
box-shadow : 0 0 2px #dadada;
.wea-advanced-search {
position : absolute;
right : 29px;
border-bottom : 0;
background-color : #fff;
-webkit-box-shadow: 0 -1px 2px -1px #dadada;
box-shadow : 0 -1px 2px -1px #dadada;
}
}
}
.wea-tab {
.mask-dark {
position: absolute;
width: 100%;
z-index: 3;
background-color: #fff;
filter: alpha(opacity=40);
-moz-opacity: .4;
-khtml-opacity: .4;
opacity: .4;
}
}
.wea-advanced-searchsAd{
height: 270px !important;
}
.wea-search-buttons {
padding: 5px 0 !important;
}
>li {
&:not(:last-of-type) {
.new-tab-bar-menu-name {
&::after {
content : '';
display : inline-block;
background-color: #dedede;
width : 1px;
height : 19px;
position : absolute;
top : 3px;
right : 1px;
}
}
}
&:nth-of-type(1) {
>.new-tab-bar-menu-name {
border-top-left-radius : 13px;
border-bottom-left-radius: 13px;
}
}
&:nth-last-of-type(1) {
>.new-tab-bar-menu-name {
border-top-right-radius : 13px;
border-bottom-right-radius: 13px;
}
}
}
.new-tab-bar-menu-name {
cursor: pointer;
padding : 5px 15px;
background: #f3f3f3;
color : #606060;
position : relative;
&:hover{
color: #338fe5
}
}
}
}
}
.new-dt-container {
// font-family : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
// -webkit-font-smoothing : antialiased;
// -moz-osx-font-smoothing: grayscale;
cursor : pointer;
-webkit-transition : color .2s;
transition : color .2s;
padding-right : 20px;
font-size : 14px;
color : #303030;
line-height : 1.5;
-moz-user-select : none;
-webkit-user-select : none;
-ms-user-select : none;
-o-user-select : none;
user-select : none;
&:hover {
color: #338fe5;
}
}
.new-show-dt-arrow {
&::before {
content : '\003C';
font-weight : bold;
padding-right: 5px;
}
}
.new-show-dt-arrow-r {
&::before {
content : '\0399';
font-weight : bold;
vertical-align: middle;
padding-right : 5px;
}
}
.new-show-dt-line {
&::before {
content : '\0399';
font-weight : bold;
vertical-align: middle;
padding-right : 1px;
}
}
.new-show-dt-line {
&::before {
content : '\0399';
vertical-align: middle;
padding-right : 1px;
font-weight : bold;
}
}
.new-show-dt-line-r {
&::before {
content : '\003E';
font-weight : bold;
padding-right: 1px;
}
}