forked from Gitlink/forgeplus
1 line
9.3 KiB
CSS
1 line
9.3 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} |