weaver_trunk_cli/pc4mobx/prj/components/portal/index.less

674 lines
19 KiB
Plaintext

.prj-portal-page {
// font-family : "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height : 1.5;
color : #303030;
background-color : #fff;
height : 100%;
font-weight : normal;
.wea-new-top{
height: 51px;
}
.wea-new-top-wapper{
.wea-new-top{
.ant-col-10{
width: 41.66666667%!important;
}
}
}
.wea-new-top-title-breadcrumb {
position: absolute;
}
.ant-pagination {
margin-top: 9px;
text-align: center;
>li {
float: none;
display: inline-block;
}
}
.ant-menu-inline .ant-menu-item-selected,
.ant-menu-inline .ant-menu-selected {
border-left: 3px solid #2db7f5 !important;
}
.prj-portal-left{
padding-left: 1px;
height: 100%;
width: 100%;
.wea-input-focus {
// display: inline-flex;
// padding-left: 0px;
max-width: 200px;
}
.wea-advanced-search {
width: 81px;
}
::-webkit-scrollbar {
width: 0px!important;
}
.wea-search-group {
.wea-title{
.ant-col-23 {
width: 89.833333%;
}
}
.wea-form-cell {
padding: 0 10px 0 10px;
}
// padding-left: 0px!important;
}
.search-group{
// .ant-input{
// padding-right: 45px;
// -webkit-box-shadow: none;
// box-shadow: none;
// border-radius: 5px;
// }
.add-icon{
float: right;
position: absolute;
top: 17px;
right: 35px;
}
.wea-search-tab{
font-size: 12px;
}
}
i{
min-width: 14px;
margin-right: 8px;
}
}
.prj-portal-right{
background-color: #e8edf4;
height: 100%;
padding: 14px;
.ant-row > div {
padding: 8px 8px 0 8px;
};
.ant-card-body {
padding: 16px;
}
.prj-card-title{
font-size: 16px;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
.prj-card-msg{
font-size: 10px;
color: #c9c9c9;
line-height: 20px;
}
.manager-img {
width : 25px;
height : 25px;
border-radius: 100%;
}
}
.prj-portal-content {
background-color : #f5f5f5;
padding : 10px 0px;
// height: 100%;
// .prj-mode-action-style {
// padding: 1px;
// &:hover{
// padding: 0px;
// }
// }
.prj-portal-card-wrapper {
.prj-portal-leftT-container {
display : -webkit-box;
display : flex;
height : 220px;
background-color: #fff;
margin-bottom : 5px;
.ant-progress-text {
font-size: 16px;
}
}
.prj-portal-shu-border {
width : 1px;
height : 220px;
box-shadow : 1px 1px 3px 0px #d3d3d3;
// background-color: #2db7f5;
}
.prj-portal-card-title {
height : 56px;
font-size : 15px;
color : #303030;
font-weight : 500;
padding : 0px 20px;
border-bottom : 1px solid #cfcfcf;
background-color: #fff;
.prj-portal-main-card-title {
font-size: 18px !important;
}
.prj-portal-main-card-subTitle {
color : #909090;
font-size : 14px !important;
font-weight : normal;
margin-right : 10px;
// font-family : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
// -webkit-font-smoothing : antialiased;
// -moz-osx-font-smoothing: grayscale;
}
.prj-portal-statistic-block {
float : right;
font-size : 14px;
color : #606060;
padding-left : 15px;
padding-right : 15px;
// font-family : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
// -webkit-font-smoothing : antialiased;
// -moz-osx-font-smoothing: grayscale;
font-weight : normal;
span {
&:first-child {
padding-left : 0px;
padding-right: 15px;
}
}
span {
&:last-child {
padding-left : 15px;
padding-right: 0px;
border-left : 1px solid #dedede;
}
}
}
}
.prj-portal-field-name {
display : block;
min-width : 0;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
max-width : 70px;
// font-family : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
// -webkit-font-smoothing : antialiased;
// -moz-osx-font-smoothing: grayscale;
font-size : 14px;
color : #303030;
}
.prj-portal-cell-label {
max-width : 300px;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
// font-family : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
// -webkit-font-smoothing : antialiased;
// -moz-osx-font-smoothing: grayscale;
font-size : 14px;
color : #303030;
}
.prj-portal-overview-basic-info-layout {
padding : 10px 20px 10px 20px;
width : 100%;
overflow : hidden;
position : relative;
display : flex;
flex-direction : column;
justify-content: space-between;
.prj-portal-info-fragment-container {
height : 45px;
display : -webkit-box;
display : flex;
-webkit-box-pack : start;
justify-content : start;
-webkit-box-align: center;
align-items : center;
.prj-portal-info-fragment-head {
font-size : 15px;
color : #303030;
// width : 120px;
padding-bottom: 5px;
}
.prj-portal-info-progess {
margin-top: 15px !important;
}
.prj-portal-info-fragment-body {
-webkit-user-select: none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none;
width : 200px;
margin-top : -1px;
margin-left : 10px;
.prj-portal-basic-info-model-icon {
border-radius: 100%;
width : 35px;
height : 35px;
}
}
}
.prj-portal-project-overview-assign-picker {
margin-left : 5px;
// padding : 5px 5px 2px 5px;
cursor : pointer;
-webkit-box-align : center;
align-items : center;
-webkit-transition: background-color .2s;
transition : background-color .2s;
border-radius : 30px;
margin-right : 15px;
width : auto;
max-width : 300px;
&:hover {
background-color: #e8f3ff;
}
}
.prj-portal-steps-content {
display : -webkit-box;
display : flex;
-webkit-box-flex: 1;
flex : 1 1 auto;
}
.prj-portal-no-step {
color : #909090;
font-size : 14px !important;
// font-family : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
// -webkit-font-smoothing : antialiased;
// -moz-osx-font-smoothing: grayscale;
&:before {
font-size : 25px;
content : "\2639";
vertical-align: top;
}
}
.prj-portal-steps-body {
overflow-x: auto;
display : -webkit-box;
display : flex;
-webkit-box-orient : horizontal;
-webkit-box-direction: normal;
flex-direction : row;
-webkit-box-align : start;
align-items : flex-start;
width : 95%;
position : absolute;
}
.prj-portal-inner_item {
cursor : pointer;
display : -webkit-box;
display : flex;
-webkit-box-orient : horizontal;
-webkit-box-direction: normal;
flex-direction : row;
-webkit-box-align : start;
align-items : flex-start;
flex-shrink : 0;
&:not(:first-child) {
margin-left: 20px;
}
&:hover {
.prj-portal-main_text {
color: #338fe5;
}
}
.prj-portal-item_right {
margin-left: 10px;
.prj-portal-main_text {
height : 30px;
line-height: 30px;
font-family: "dinmedium";
font-size : 22px;
}
.prj-portal-sub_text {
font-size: 12px;
color : #909090;
}
}
}
}
// .full-screen-link{
// color : #64aaeb;
// font-size: 14px;
// & :hover{
// color: #303030;
// }
// }
.prj-portal-right-container {
margin-left: 5px;
.prj-portal-dt-title {
height : 50px;
line-height: 50px;
text-indent: 20px;
font-size : 16px;
color : #303030;
font-weight: 500;
}
}
.prj-portal-leftB-container {
background-color: #fff;
}
.prj-portal-content-container {
.ant-row {
line-height: 24px;
}
}
}
.ant-card {
box-shadow: 3px 2px 4px #dad8d845;
}
.ant-card-head{
height:24px
}
.ant-row {
// padding : 5px 0px 5px 0px;
line-height: 24px;
// height : 100%;
}
.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;
}
}
}
.wea-tab{
border-bottom: 0px
}
// .ant-tabs-nav{
// float: right;
// }
.ant-tabs {
height: 100%;
}
.ant-tabs-content{
height: 100%;
}
.ant-tabs-tabpane{
height: 100%;
}
.prj-dynamic-tab {
padding : 0 0 5px 20px !important;
border-bottom: 1px solid #e8e8e8;
}
.prj-dynamic-tab-item {
display : inline;
position : relative;
padding : 5px 15px 5px 5px;
color : #606060;
font-size: 14px;
.active {
color: #338fe5;
&::after {
content : '';
display : inline-block;
height : 3px;
width : 82%;
position : absolute;
background-color: #338fe5;
bottom : 0;
left : 0;
}
}
}
.prj-dynamic-tab-item:hover{
color: #338fe5;
cursor:pointer;
}
.exchange-content {
line-height: 20px;
font-size : 10px;
color : black;
display : inline-block;
padding : 10px 5px;
}
.exchange-date{
line-height:20px;
color:#909090;
}
.exchange-operate {
position : relative;
display : inline-block;
padding-right: 15px;
&::after {
content : '';
width : 1px;
display : inline-block;
height : 13px;
background: #dedede;
position : absolute;
bottom : 5px;
right : 7px;
}
&:last-child {
&::after {
content : '';
background: #fff;
}
}
a {
color : #606060;
font-size: 12px;
&:hover {
color: #00a9ff;
}
}
}
.exchange-row {
padding: 0 0 0 0px !important;
>span {
&:nth-of-type(1) {
>p {
&:nth-of-type(1) {
display: inline;
}
}
}
}
}
.jiaoliu-box {
padding : 0 0 0 0px !important;
position: relative;
>span {
&:nth-of-type(1) {
>p {
&:nth-of-type(1) {
display: inline;
}
}
}
}
}
.modify-log {
border-left: 3px solid #909090;
.modify-record {
.log-green {
color : #24b47e;
background-color: rgba(36, 180, 126, 0.1);
display: inline-block;
word-break: break-all;
}
.log-red {
color : #ea0d0d;
background-color : rgba(234, 13, 13, 0.1);
text-decoration : line-through;
text-decoration-color: #ea0d0d;
display: inline-block;
word-break: break-all;
}
color : #909090;
margin : 5px 0 0 0;
padding : 0 0 0 5px;
}
}
.writeDiv {
border : 1px solid #d6d6d6;
border-radius: 3px;
color : #a2a2a2;
cursor : pointer;
background : #fff;
font-size : 10px;
border-left : 2px solid #ee6723;
}
.writeDiv1 {
&:hover {
border : 1px solid #2db7f5;
border-left: 2px solid #ee6723;
}
}
div:has(.ant-tabs-extra-content) {
float: left !important;
}
}
.full-screen-link {
// font-family : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
// -webkit-font-smoothing : antialiased;
// -moz-osx-font-smoothing: grayscale;
color : #64aaeb;
font-size : 14px;
&:hover {
color: #303030;
}
}
.prj-portal-main-card-title {
font-size: 18px !important;
}
.prj-portal-main-card-subTitle {
color : #909090;
font-size : 14px !important;
font-weight : normal;
margin-right : 10px;
// font-family : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
// -webkit-font-smoothing : antialiased;
// -moz-osx-font-smoothing: grayscale;
}
.prj-portal-statistic-block {
float : right;
font-size : 14px;
color : #606060;
padding-left : 15px;
padding-right : 15px;
// font-family : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
// -webkit-font-smoothing : antialiased;
// -moz-osx-font-smoothing: grayscale;
font-weight : normal;
span {
&:first-child {
padding-left : 0px;
padding-right: 15px;
}
}
span {
&:last-child {
padding-left : 15px;
padding-right: 0px;
border-left : 1px solid #dedede;
}
}
}