forgeplus-react/src/forge/Main/tree/Index.scss

198 lines
3.9 KiB
SCSS

.treeinfo{
.branchLastUpdateUserImage{
height: 20px;
width: 20px;
margin-right: 5px;
}
}
.f6_bor_but, .f6_bor_but:focus{
color:#f60011;
background-color:rgba(196, 0, 14, 0.09);
border:1px solid #f60011;
border-radius:5px;
&:hover{
color:#f60011;
background-color:rgba(196, 0, 14, 0.18);
border-color:#ff727c;
}
&:active{
color:#f60011;
background-color:rgba(196, 0, 14, 0.22);
border-color:#f60011;
}
}
.branchListTable{
.ant-table-thead > tr > th{
border-top: 1px solid rgba(42, 97, 255, 0.23);
border-bottom: 1px solid rgba(42, 97, 255, 0.23) !important;
background-color:#fafcff;
}
.ant-table-column-title{
color:#40424a;
}
.ant-table-thead > tr:first-child > th:last-child{
border-right: 1px solid rgba(42, 97, 255, 0.23);
}
.ant-table-thead > tr:first-child > th:first-child{
border-left: 1px solid rgba(42, 97, 255, 0.23);
}
.ant-table-tbody > tr > td{
border-color: #eeeeee;
padding: 18.5px 16px;
}
.branchNameColumn{
border-left: 1px solid #d0d0d0;
}
.branchActionColumn{
border-right: 1px solid #d0d0d0;
}
.task-hide{
color: $primary-color;
}
.ant-table-empty .ant-table-placeholder{
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
}
}
.branchListActionBox{
display: flex;
justify-content: space-between;
align-items: center;
margin: 20px 0 30px;
}
.createNewBranchModal{
.ant-modal-title{
text-align: left;
color:#333333;
font-size:17px;
font-weight: normal !important;
}
.ant-modal-header{
border-bottom: none;
background-color:rgba(70, 106, 255, 0.05);
}
.ant-modal-close{right: 5px;}
.ant-modal-close-x{font-size: 26px;}
.ant-modal-footer{
border-top: none;
text-align: center;
padding-bottom: 53px;
}
.ant-modal-content{
background-image:linear-gradient(359.37deg,#ebf3ff 0%,#f8fbff 55.01%,#f1f5ff 100%);
}
.createBranchLabel{
color:#27282d;
margin-bottom: 12px;
}
.createBranchInput, .createBranchInput .ant-select-selection{
border-color:#9eaacb;
background-color: transparent !important;
}
.newBranchError{
color:#df0002;
}
}
.branchSort{
font-weight: 500;
color: #333333;
font-size: 15px;
height: 20px;
line-height: 20px;
padding-left: 10px;
margin-top: 20px;
margin-bottom: 6px!important;
}
.treeUl{
background: #FAFCFF;
border-radius: 4px;
border: 1px solid rgba(42, 97, 255, 0.23);
li{
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 20px;
border-bottom: 1px solid rgba(42, 97, 255, 0.23);
&:last-child{
border-bottom: none;
}
.treeinfo{
width: 399px;
flex:1;
flex-direction: column;
&>a{
display: block;
width: 399px;
}
a:hover{
span{
color: #466AFF!important;
}
}
img{
height: 20px;
width: 20px;
margin-right: 5px;
}
}
.treeabout{
flex:1;
text-align: right;
}
}
}
.treecopy{
flex:1;
display: flex;
// justify-content: center;
&>div:not(.treeCopyBox){
position: relative;
}
&>div{
height: 32px;
background: #FAFBFC;
border-radius: 4px;
border: 1px solid #D0D0D0;
z-index: 1;
display: flex;
align-items: center;
&>span{
padding:0px 15px;
border-right: 1px solid rgba(153, 153, 153, 0.4);
height: 100%;
img{
margin-right: 4px;
}
a{
color: #466AFF;
&:hover{
text-decoration: underline;
}
}
}
&>i{
margin:0px 12px;
color: #333!important;
}
input{
position: absolute;
z-index: 0;
opacity: 0;
top: 32px;
}
}
}
.new-conmmit{
width: 30px;
height: 18px;
line-height: 18px;
display: block;
background: #FF6832;
color: white;
font-size: 12px;
border-radius: 4px;
}
.icon-a-yuanquan2x{
color: #466AFF;
}