.cardBox{ min-height: calc(100vh - 75px); max-height: calc(100vh - 75px); overflow-y: scroll; overflow-x: hidden; width: 300px; left: 0; top: 0; margin-right: 10px; position: relative; // transition: left,width 10s; transition-property:width,left; transition-duration: 0.5s; white-space: nowrap } .hideBox{ left: 0px; top: 0; width: 20px; } .hideH{ width: 100%; } .siteTitle{ font-size: 16px; margin: 0 0 6px 0; user-select: none; padding: 3px; border-bottom: 1px solid #ccc; } .cardBoxR{ min-height: calc(100vh - 210px); max-height: calc(100vh - 210px); min-width: 600px; overflow-y: scroll; } .cardBoxTop{ // max-width: calc( 100% - 450px); // margin-bottom: 10px; } .ant-tree-node-content-wrapper-open{ display: flex; align-items: center; } .treeTitle { display: flex; span { display: none; } } .treeTitle:hover { span { margin-left: 20px; display: block; } } .titleBox{ display: flex; // flex-wrap: wrap; justify-content: space-around; align-items: center; } .listItem{ height: 35px !important; padding-left: 5px; cursor: pointer; font-size: 14px; } .listItem:hover{ background-color: #f8f8f8 ; } .selected{ font-weight: bold; background-color: #bae7ff!important; } .hide{ display: block; position: absolute; font-size: 18px; color: #1890FF!important; top: 45%; right: -3px; transform: translate(0%,-50%); z-index: 2; } // .hide{ // left: 0; // } .content{ width: 100%; display: flex; position: relative; } .boxR{ width: 100%; position: relative; transition: width 2s; } .siteCheckbox .ant-collapse-content > .ant-collapse-content-box{ padding: 16px 16px 0; } .siteList{ width:199px; // margin:0 0 15px 0; padding:0 0 15px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sitePanel{ margin: 0 0 10px 0; } .sitePanelHead{ background-color: #f5f5f5; padding:8px 10px; cursor: pointer; display: flex; flex-direction: row; } .sitePanelHead p{ margin: 0; } .sitePanelCon{ border:1px solid #f5f5f5; padding:20px; padding-bottom: 0; border-top:0; max-height: 200px; overflow: auto; } .sitePanel .ant-checkbox-wrapper + .ant-checkbox-wrapper{ margin:0 } .siteIcon{ color:#ccc; margin:4px 10px 0 0; } .siteAll{ margin:0 0 10px 0; } .siteColor{ color:#f00 } .siteCommit{ margin: 10px 0; } .siteSelectList{ border:1px solid #f5f5f5; height: 200px; overflow: auto; margin-bottom: 50px; .siteSelectUl{ margin: 0; padding: 15px; display: flex; flex-direction: row; flex-wrap: wrap; li{ width:200px; height: 35px; line-height: 35px; background: rgba(24, 144, 255,0.16) url('../../../assets/images/icons/close.png') no-repeat 175px; background-size: 20px; margin: 0 10px 10px 0; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 20px 0 10px; } } } .siteline{ border-top: 1px solid #eee; padding-top: 15px; margin-top: 20px; } .siteBtn{ width:98%; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; }