.right-container.open {
|
width: 500px !important;
|
}
|
|
.right-container {
|
position: relative;
|
display: flex;
|
flex-shrink: 0;
|
flex-direction: column;
|
width: 0;
|
background-color: var(--component-background);
|
border-radius: 8px;
|
box-shadow: 0 20px 20px rgb(0 0 0 / 10%);
|
transition: all 0.3s;
|
|
.toggle-btn {
|
position: absolute;
|
top: calc(50% - 20px);
|
left: -40px;
|
z-index: 10;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
width: 40px;
|
height: 40px;
|
cursor: pointer;
|
background: rgb(252 252 252 / 39%);
|
border-radius: 8px 0 0 8px;
|
border-radius: 20px 0 0 20px;
|
box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
|
}
|
|
.header-container {
|
display: flex;
|
flex: 50px 0 0;
|
align-items: center;
|
justify-content: space-between;
|
padding: 0 16px;
|
font-weight: 600;
|
background-color: var(--app-content-background);
|
border-bottom: 1px solid var(--border-color-base1);
|
border-radius: 8px 8px 0 0;
|
|
.header-container-left {
|
display: flex;
|
width: 58%;
|
|
.node-name {
|
display: flex;
|
align-items: center;
|
width: 100%;
|
height: 100%;
|
cursor: pointer;
|
|
span {
|
min-width: 0;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
}
|
|
i {
|
padding-left: 5px;
|
color: var(--text-color-secondary);
|
}
|
}
|
|
.header-container-right {
|
flex: 1;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
color: var(--text-color-secondary);
|
text-align: right;
|
white-space: nowrap;
|
}
|
}
|
|
.common-pane {
|
display: flex;
|
flex-direction: column;
|
width: 500px;
|
height: 100%;
|
overflow: hidden;
|
|
.pane-tabs {
|
flex-shrink: 0;
|
|
.ant-tabs-nav {
|
padding-left: 20px;
|
margin-bottom: 0;
|
|
.ant-tabs-tab + .ant-tabs-tab {
|
margin-left: 35px;
|
}
|
}
|
}
|
|
.approver-pane-tabs {
|
.ant-tabs-tab + .ant-tabs-tab {
|
margin-left: 20px !important;
|
}
|
}
|
|
.config-content {
|
flex: 1;
|
padding: 15px;
|
overflow: auto;
|
|
.form-item-reload {
|
.ant-form-item-control-input-content {
|
display: flex;
|
|
.common-container {
|
flex: 1;
|
margin-inline-end: -1px;
|
|
.ant-select-arrow:hover {
|
z-index: 2 !important;
|
}
|
|
.ant-select {
|
.ant-select-selector {
|
border-inline-end-width: 1px;
|
border-radius: 0;
|
border-start-start-radius: 4px;
|
border-end-start-radius: 4px;
|
}
|
|
&:hover {
|
z-index: 1;
|
}
|
}
|
}
|
|
.ant-btn {
|
padding: 4px 10px;
|
border-inline-end-width: 1px;
|
border-radius: 0;
|
border-start-end-radius: 4px;
|
border-end-end-radius: 4px;
|
|
.anticon-reload {
|
font-size: 15px;
|
}
|
}
|
|
& > :last-child {
|
.ant-select-selector {
|
border-radius: 4px !important;
|
}
|
}
|
}
|
}
|
|
.ant-select-selector {
|
border-radius: 4px;
|
}
|
|
.ant-form-item {
|
margin-bottom: 12px;
|
}
|
|
& > .ant-form-item {
|
& > .ant-form-item-row > .ant-form-item-label {
|
font-weight: 600;
|
}
|
|
& > .ant-form-item-row > .ant-form-item-control {
|
padding: 0 10px;
|
}
|
}
|
|
.file-info {
|
display: flex;
|
align-items: center;
|
margin-top: 10px;
|
|
span {
|
flex: 1;
|
padding: 3px 5px;
|
background-color: var(--component-background);
|
border-radius: 2px;
|
}
|
|
i {
|
padding-left: 5px;
|
font-size: 18px;
|
cursor: pointer;
|
}
|
}
|
|
.notice-config {
|
.link-text {
|
width: 145px;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
|
.parameter-box {
|
display: block;
|
width: 112px;
|
min-width: 0;
|
height: 30px;
|
margin-bottom: 8px;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
line-height: 30px;
|
white-space: nowrap;
|
|
&:last-child {
|
margin-bottom: 0;
|
}
|
}
|
}
|
|
.btn-cell {
|
display: flex;
|
align-items: center;
|
margin-bottom: 10px;
|
|
.ant-checkbox-wrapper {
|
flex-shrink: 0;
|
width: 80px;
|
margin-right: 10px;
|
}
|
|
&:last-child {
|
margin-bottom: unset;
|
}
|
}
|
|
.conditions-content {
|
display: flex;
|
align-items: center;
|
min-height: 36px;
|
padding: 6px 0;
|
margin-top: 10px;
|
cursor: pointer;
|
background-color: var(--app-content-background);
|
border-radius: 4px;
|
|
span {
|
flex: 1;
|
padding-left: 10px;
|
overflow: hidden;
|
white-space: nowrap;
|
text-overflow: ellipsis;
|
}
|
|
i {
|
padding: 0 10px;
|
}
|
}
|
|
.parameter-content {
|
display: flex;
|
align-items: center;
|
padding: 6px 0;
|
background-color: var(--app-content-background);
|
border-radius: 4px;
|
|
span {
|
flex: 1;
|
padding-left: 10px;
|
}
|
|
i {
|
padding: 0 10px;
|
cursor: pointer;
|
}
|
}
|
|
.approver-rule-content {
|
display: flex;
|
flex-direction: column;
|
margin-top: 10px;
|
overflow: hidden;
|
border: 1px solid var(--border-color-base);
|
border-radius: 4px;
|
|
.approver-content {
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
height: 30px;
|
padding-left: 10px;
|
background-color: var(--app-content-background);
|
|
i {
|
padding: 0 8px;
|
font-size: 14px;
|
cursor: pointer;
|
}
|
}
|
|
.approver-text {
|
padding: 10px 8px;
|
}
|
}
|
}
|
|
.approver-label {
|
font-weight: 800;
|
}
|
}
|
|
.type-radio {
|
.ant-radio-wrapper {
|
width: calc(33% - 8px);
|
line-height: 32px;
|
}
|
}
|
|
.counterSign-radio {
|
.ant-radio-wrapper {
|
width: 100%;
|
margin-right: 0;
|
line-height: 32px;
|
}
|
}
|
|
.countersign-cell {
|
display: flex;
|
gap: 10px;
|
align-items: center;
|
}
|
}
|
|
.ant-modal.rule-modal {
|
.ant-modal-body > .scrollbar {
|
padding: 0 !important;
|
}
|
|
.node-tabs {
|
.ant-tabs-nav {
|
margin-bottom: 10px;
|
}
|
|
.ant-tabs-nav-wrap {
|
padding: 0 20px;
|
}
|
|
.ant-tabs-tabpane {
|
min-height: 300px !important;
|
max-height: 500px !important;
|
padding: 0 10px 10px;
|
overflow: auto;
|
}
|
|
.rule-cell {
|
line-height: 32px;
|
|
&.mid {
|
color: var(--primary-color);
|
text-align: center;
|
}
|
}
|
|
.icon-ym-nav-close {
|
font-size: 12px;
|
}
|
|
.common-tip {
|
font-size: 14px;
|
line-height: 30px;
|
color: var(--text-color-secondary);
|
}
|
}
|
}
|
