1 line
16 KiB
CSS
1 line
16 KiB
CSS
.opsPanel{margin:20px auto;width:1200px}.opsPanel .activatePanel{display:flex;flex-direction:column;align-items:center;padding:60px 0}.opsPanel .disposePanel{border:1px solid #eee}.opsPanel .disposePanel .language{display:flex;margin-bottom:20px}.opsPanel .disposePanel .language li{margin-right:20px;cursor:pointer;border:1px solid #fff}.opsPanel .disposePanel .language li.active{border:1px solid #5091ff}.opsPanel .disposePanel .editorBody{border:1px solid #ddd;margin:20px 0}.opsPanel .disposePanel .editorBody .editorHead{background-color:#f1f8ff;height:48px;line-height:48px;display:flex;justify-content:space-between;padding:0 20px;border-bottom:1px solid #ddd}.opsPanel .disposePanel .editorBody .monaco-editor{width:1138px!important}.opsPanel .disposePanel .ant-modal-close{top:7px}.opsPanel .disposePanel .listPart{min-height:400px}.opsPanel .disposePanel .listPart .listNav{display:flex}.opsPanel .disposePanel .listPart .listNav li{background-color:#fafafa;border:1px solid #eee;border-radius:5px;height:38px;line-height:38px;padding:0 20px;color:#333;margin-right:20px;cursor:pointer}.opsPanel .disposePanel .listPart .listNav li:last-child{margin-right:0}.opsPanel .disposePanel .listPart .listNav li.active{border:1px solid #5091ff;color:#5091ff;background-color:#fff}.opsPanel .disposePanel .listPart .normalTable{margin-top:20px}.opsPanel .disposePanel .listPart .normalTable .ant-table-tbody>tr>td,.opsPanel .disposePanel .listPart .normalTable .ant-table-thead>tr>th{padding:10px 5px;color:#333;cursor:pointer}.opsPanel .disposePanel .listPart .normalTable .ant-table-thead{border:1px solid #eee}.opsPanel .ant-modal-close{top:7px}.opsDetailPanel{height:100vh;background-color:#114879}.opsDetailPanel .opsInfos{height:60px;background-color:#114879;color:#fff;padding:0 20px}.opsDetailPanel .opsSection{height:calc(100% - 60px);background-color:#fff;display:flex}.opsDetailPanel .opsSection section{height:100%;float:left}.opsDetailPanel .opsSection section.leftSection{width:100%}.opsDetailPanel .opsSection section.leftSection .leftheader{background-color:#f1f8ff;padding:10px 20px}.opsDetailPanel .opsSection section.leftSection .leftheader .nest{color:#888;margin-right:18px}.opsDetailPanel .opsSection section.leftSection .leftheader .nest>span{color:#333}.opsDetailPanel .opsSection section.leftSection .leftMainContent{padding:14px 20px}.opsDetailPanel .opsSection section.leftSection .leftMainContent .contentBranch{border:1px solid #eee;background-color:#fafafa;padding:0 18px;height:40px;border-radius:3px;color:#888}.opsDetailPanel .opsSection section.leftSection .leftMainContent .contentBranch i{font-size:16px;color:#bbb;margin-right:10px}.opsDetailPanel .opsSection section.leftSection .leftMainContent .contentBranch .branchname{color:#333;margin-right:15px}.opsDetailPanel .opsSection section.leftSection .leftMainContent .contentBranch .branchsha{color:#ff6e21}.opsDetailPanel .opsSection section.leftSection .leftMenu .ant-menu-submenu,.opsDetailPanel .opsSection section.leftSection .leftMenu li.ant-menu-item{padding:0 13px 0 20px!important;position:relative;color:#333}.opsDetailPanel .opsSection section.leftSection .leftMenu .ant-menu-submenu-title{margin:0;padding:0 0 0 20px!important}.opsDetailPanel .opsSection section.leftSection .leftMenu .ant-menu-submenu-arrow{position:absolute;left:2px}.opsDetailPanel .opsSection section.leftSection .leftMenu .ant-menu.ant-menu-sub .ant-menu-item:hover{background-color:#f1f8ff}.opsDetailPanel .opsSection section.leftSection .statuslineColor{display:inline-block;height:20px;line-height:20px;padding:0 10px;border-radius:11px;font-size:12px;margin-left:6px}.opsDetailPanel .opsSection section.leftSection .statuslineColor.pass{border:1px solid #28bd6c;color:#28bd6c}.opsDetailPanel .opsSection section.leftSection .statuslineColor.failed{border:1px solid #f73030;color:#f73030}.opsDetailPanel .opsSection section.leftSection .statuslineColor.running{border:1px solid #5091ff;color:#5091ff}.opsDetailPanel .opsSection section.leftSection .statuslineColor.Preparing{border:1px solid #ff6e21;color:#ff6e21}.opsDetailPanel .opsSection section.leftSection .statuslineColor.killed{border:1px solid #999;color:#999}.opsDetailPanel .opsSection section.leftSection .statuslineColor.skipped{border:1px solid #d4d9de;color:#798390}.opsDetailPanel .opsSection section.rightSection{width:100%;background-color:#081930}.opsDetailPanel .opsSection section.rightSection .devopsNav{background-color:#111c24;border-bottom:none}.opsDetailPanel .opsSection section.rightSection .devopsNav .ant-menu-item{color:#ccc;padding:0;margin:0 20px!important}.opsDetailPanel .opsSection section.rightSection .devopsNav .ant-menu-item.ant-menu-item-selected{color:#1890ff}.opsDetailPanel .opsSection section.rightSection .rightMainContent{padding:24px 30px;height:100vh;overflow-y:auto}.opsDetailPanel .opsSection section.rightSection .rightMainContent>div{margin-bottom:12px}.opsDetailPanel .opsSection section.rightSection .rightMainContent>div .items{height:45px;line-height:45px;padding:0 24px;background:#18293e;border-radius:5px;color:#fff;cursor:pointer}.opsDetailPanel .opsSection section.rightSection .rightMainContent>div .items i{font-size:13px;margin-left:10px}.opsDetailPanel .opsSection .Resizer.vertical{position:relative}.opsDetailPanel .opsSection .Resizer.vertical:hover:before{background:#eee}.opsDetailPanel .opsSection .Resizer.vertical:before{content:"";border-radius:50%;background:hsla(0,0%,92.2%,.3);width:24px;height:24px;position:absolute;z-index:999;top:50%;margin-top:-12px;right:-12px}.opsDetailPanel .opsSection .Resizer.vertical:after{position:absolute;content:"\e712";font-family:iconfont;font-size:10px;transform:scale(.8);top:50%;margin-top:-10px;color:#666;right:-12px;opacity:.3;z-index:1000;cursor:col-resize}.opsDetailOut{display:flex;color:#fff;line-height:22px;align-items:flex-start;margin-top:5px}.opsDetailOut>span{margin-right:10px;min-width:20px;text-align:left;padding-left:3px}.opsDetailOut>p{margin-bottom:0}.noOperation{margin-bottom:20px;width:380px;text-align:center;line-height:22px;color:#666}.disposeList{min-height:450px}.disposeList .ant-table-body{margin:0!important}.disposeList .ant-table-body .ant-table-thead{background-color:#fafafa}.txtright{text-align:right}.menus{display:flex;box-shadow:0 0 6px rgba(0,3,8,.1);padding:20px 0 10px;justify-content:space-between;margin-bottom:20px}.menus>li{display:flex;flex-flow:column;align-items:center;justify-content:flex-start;text-align:center;color:#787878;font-size:16px;position:relative;cursor:pointer;max-width:122px;flex:2}.menus>li>i{font-size:30px!important;height:30px;width:30px;line-height:30px}.menus>li.active>i,.menus>li:hover>i{color:#1890ff}.menus>li.active:after{position:absolute;left:50%;margin-left:-25px;bottom:-10px;width:50px;height:2px;background-color:#1890ff;content:""}.menus>li .aboutEdit{width:100%}.menus>li .aboutEdit .operateName{position:relative;line-height:22px;display:flex;align-items:center;justify-content:center;padding:0 15px;min-height:40px}.menus>li .aboutEdit .operateName>i{position:absolute;right:0;top:10px;display:none}.menus>li .aboutEdit:hover i{display:block}.menus>li.menuAdd{position:relative;flex:1}.menus>li.menuAdd:hover>i{color:#787878}.menus>li.menuAdd>i{font-size:18px!important;position:absolute;z-index:1;top:0}.menus>li.menuAdd>input{position:absolute;z-index:1;top:3px}.menus>li.menuAdd:before{position:absolute;left:0;width:100%;border-bottom:1px dashed #eee;content:"";top:15px;margin-top:-1px;z-index:0}.chooseCon.ant-select-dropdown{z-index:100001}.choosenList{display:flex;flex-wrap:wrap;line-height:35px;align-items:center}.choosenList>span{display:block;min-width:75px;text-align:right;font-size:14px;color:#333;height:35px;margin-right:12px}.choosenList>ul{display:flex;flex-wrap:wrap}.choosenList>ul li{padding:0 12px;height:35px;line-height:35px;border:1px solid #e1e4e8;background-color:#fff;margin:6px 12px 6px 0;border-radius:5px;cursor:pointer;color:#333}.choosenList>ul li.active{color:#fff;background-color:#1890ff}.choosenList .ant-select-selection.ant-select-selection--multiple{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:35px}.addStageBtn{display:block;width:100%;border:1px solid #e1e4e8;height:48px;line-height:48px;color:#1890ff;font-size:16px;border-radius:3px;padding:0 20px}.stepsItem{border:1px solid #e1e4e8;border-radius:4px;margin-bottom:15px}.stepsItem .stepsHead{padding:8px 15px}.stepsItem .stepsHead span>a>i{margin-left:8px;color:#666!important}.stepsItem .stepsBody{padding:10px 15px;border-top:1px solid #e1e4e8;background-color:#fbfbfb;display:none;transition:.3s}.stepsItem .stepsBody.active{display:block}.editorPanel{border:1px solid #eee}.editorPanel .margin{width:0}.editorPanel .monaco-scrollable-element.editor-scrollable{left:0!important;width:100%!important}.editorPanel .monaco-scrollable-element.editor-scrollable .view-lines{width:336px!important}.hide{display:none!important}.statusTag{display:flex;padding:0 16px;height:32px;line-height:32px;border-radius:20px;float:left}.statusTag i{font-size:20px!important;margin-right:7px}.statusTag.running{background:#f1f8ff;border:1px solid #5091ff;color:#5091ff}.statusTag.Preparing{background:#fff8f4;border:1px solid #ff6e21;color:#ff6e21}.statusTag.pass{background:#eefdf5;border:1px solid #28bd6c;color:#28bd6c}.statusTag.failed{background:#fceeee;border:1px solid #f73030;color:#f73030}.statusTag.killed{background:#eee;border:1px solid #999;color:#999}ul.ant-menu{border-right:none}ul.ant-menu li:last-child{border-bottom:none}li.ant-menu-item{margin:0!important;border-bottom:1px solid #eee}.flags{border:1px solid red;border-radius:5px}.cards{padding:35px 30px;background-color:#fff;min-height:130px}.cards,.cards .img{display:flex;align-items:center}.cards .img{margin-right:20px;width:100px;height:100px;border:1px solid #eee;justify-content:center;overflow:hidden}.cards .img img{max-width:100%;max-height:100%}.cards .content{flex:1;width:0}.cards .content .titles{display:flex;justify-content:space-between;margin-bottom:15px!important;align-items:center;height:22px;line-height:22px}.cards .content .titles .organizationName{color:#1e2941;font-weight:700}.cards .content .titles .settingsLink{color:#104fd9}.cards .content .desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.5}.cards .content .bottomInfos{color:#67738e}.tabsStyle{border:1px solid #eee}.tabsStyle .ant-tabs-bar.ant-tabs-top-bar{padding-left:35px;margin-bottom:0}.tabsStyle .ant-tabs-nav .ant-tabs-tab{padding:19px 0;margin-right:40px}.tabsStyle .ant-tabs-ink-bar{width:25px!important;bottom:10px}.statusColor{display:inline-block;padding:0 10px;height:20px;line-height:20px;border-radius:11px;color:#fff;margin-left:5px;font-size:12px}.statusColor.running{background:#5091ff;color:#f1f8ff}.statusColor.Preparing{background:#ff6e21;color:#fff8f4}.statusColor.pass{background:#28bd6c;color:#eefdf5}.statusColor.failed{background:#f73030;color:#fceeee}.statusColor.killed{background:#eee;color:#999}.handleBox{position:fixed;top:45%;right:240px;z-index:10000}.laterest{background-color:#ef3131;color:#fff;font-size:12px;margin-left:10px;padding:0 5px;border-radius:2px;height:18px;line-height:18px}@media screen and (max-width:1800px){.handleBox{right:190px}}@media screen and (max-width:1700px){.handleBox{right:100px}}@media screen and (max-width:1600px){.handleBox{right:75px}}@media screen and (max-width:1450px){.handleBox{right:10px}}@media screen and (max-width:1380px){.handleBox{right:0}}.ant-drawer{z-index:10000!important}.ant-drawer-body{padding:0!important}.ant-drawer-body .drawerHead{background-color:#333;color:#fff;padding:15px 20px}.ant-drawer-body .ant-tree{margin:0 20px!important}.hoverA{display:flex;align-items:center;max-width:78px}.hoverA:hover a{color:#2a61ff!important}.menuPanels{width:295px}.menuPanels .leftline{position:relative;color:#666;height:16px;margin-left:14px;font-size:12px}.menuPanels .leftline:before{position:absolute;left:-7px;top:3px;height:12px;width:1px;background-color:#999;content:""}.menuPanels .ant-btn{height:36px;line-height:34px;width:83px;text-align:center;padding:0;font-weight:500;font-size:14px}.menuPanels .ant-btn.currentBtn{cursor:default;color:#333}.menuPanels .ant-btn-default,.menuPanels .ant-btn.currentBtn:hover{color:#333;border-color:#d0d0d0}.menuPanels .ant-btn-default:hover{background:#f3f4f6}.menuPanels .ant-btn{width:102px;height:32px;line-height:30px}.menuPanels .ant-btn-primary{color:#fff;background-color:#466aff;border:none}.menuPanels .ant-btn-primary:hover{background-color:rgba(70,106,255,.85)}.menuPanels .focusPanelHeadInfo{padding:14px 16px;border-bottom:1px solid #eee}.menuPanels .ant-popover-content,.menuPanels .ant-popover-inner{height:100%;width:100%}.menuPanels .ant-popover-inner-content{padding:0}.halfs{margin-top:24px;padding:24px 0 0;border-top:1px solid #e8e8e8}.aboutSubTitle{display:flex;align-items:center}.menuMaininfos{padding:10px 16px 14px;border-bottom:1px solid #eee}.menuinfos{padding:10px 20px 16px}.menuinfos>a{display:flex;flex-direction:column;align-items:center;flex:1}.menuinfos>a>span:first-child{font-size:16px;font-weight:500;color:#333;line-height:22px}.menuinfos>a>span:last-child{color:#666;font-weight:400;line-height:20px;margin-top:6px}.-task-sidebar{position:fixed;width:40px;right:0;bottom:80px;z-index:10}@media screen and (max-width:1920px){.-task-sidebar{right:220px}}@media screen and (max-width:1750px){.-task-sidebar{right:160px}}@media screen and (max-width:1650px){.-task-sidebar{right:115px}}@media screen and (max-width:1550px){.-task-sidebar{right:90px}}@media screen and (max-width:1450px){.-task-sidebar{right:45px}}@media screen and (max-width:1200px){.-task-sidebar{right:0;display:none}}.-task-sidebar>div{height:48px;line-height:48px;box-sizing:border-box;width:48px;color:#999;font-size:20px;text-align:center;margin-bottom:20px;border-radius:50%;background:#fff;box-shadow:0 0 12px 5px hsla(0,0%,81.6%,.2)}.-task-sidebar>div i{color:#999}.-task-sidebar>div:hover i{color:#fff!important}.-task-sidebar>div:hover{background:#466aff;box-shadow:0 0 10px 2px #b6d0fc}.helpBox{width:260px;z-index:103}.helpBox.shareContent{width:160px}.helpBox .ant-popover-title{font-size:16px}.helpBox .ant-popover-inner-content{padding:0}.helpBox p.titlecontent{font-size:16px;color:#333;line-height:20px;padding:15px 20px}.helpBox .faqUl{padding:10px 15px;max-height:230px;overflow-y:auto;font-size:13px}.helpBox .faqUl li{background:#f5f5f5;border-radius:20px;padding:0 15px;color:#333;height:30px;line-height:30px;margin-bottom:3px!important}.helpBox .faqUl li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.helpBox .faqUl li:hover{background-color:#d1e9ff}.helpBox .faqUl li:hover a{color:#333!important}.helpBox .shareUl{display:flex;align-items:center}.helpBox .shareUl li>i{font-size:32px!important}.tooltipBox .ant-tooltip-inner{padding:8px 12px;font-size:15px}.-task-desc{background:#494949;width:90px;line-height:36px;text-align:center;position:absolute;color:#fff;font-size:13px;z-index:999999;opacity:0}.-task-desc div{position:absolute;top:10px;right:-7px;height:13px}.-task-desc div img{float:left}.-task-sidebar .scan_ewm{position:absolute!important;right:45px!important;bottom:0!important;background-color:#494949!important;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;font-size:14px!important;line-height:16px!important;display:none;height:213px!important}.trangle_right{position:absolute;right:-5px;bottom:15px;width:0;height:0;border-top:6px solid transparent;border-left:5px solid #494949;border-bottom:6px solid transparent}.headSerach{background:hsla(0,0%,100%,.1);border-radius:4px;padding-left:20px}.headSerach .ant-input,.headSerach .ant-input:focus{border:none!important;background-color:hsla(0,0%,100%,0)!important}.headSerach:hover{padding:2px 20px;background:#fff}.headSerach:hover i{color:#333} |