|
|
@@ -0,0 +1,148 @@
|
|
|
+.hc-tasks-user {
|
|
|
+ position: relative;
|
|
|
+ .tasks-user-box {
|
|
|
+ position: relative;
|
|
|
+ border: 1px solid #e0e0e6;
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 0 12px;
|
|
|
+ cursor: pointer;
|
|
|
+ min-height: 40px;
|
|
|
+ background-color: white;
|
|
|
+ .tag-user-list {
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-flow: row wrap;
|
|
|
+ min-height: inherit;
|
|
|
+ .tasks-placeholder {
|
|
|
+ color: #a9abb2;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .arrow-icon-tag {
|
|
|
+ position: relative;
|
|
|
+ color: #a9abb2;
|
|
|
+ font-size: 18px;
|
|
|
+ margin: 0 8px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.hc-tasks-user-modal-content-box {
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ height: 460px;
|
|
|
+ .tree-box {
|
|
|
+ flex: 1;
|
|
|
+ user-select: none;
|
|
|
+ position: relative;
|
|
|
+ padding: 20px;
|
|
|
+ overflow: hidden;
|
|
|
+ border-right: 1px solid #EEEEEE;
|
|
|
+ }
|
|
|
+ .user-box {
|
|
|
+ flex: 2;
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .y-user-list-box, .s-user-list-box {
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .title-box {
|
|
|
+ position: relative;
|
|
|
+ padding: 2px 24px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
+ background-color: #F8F8F8;
|
|
|
+ color: #838791;
|
|
|
+ .title {
|
|
|
+ flex: auto;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .user-list {
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 0 24px;
|
|
|
+ .user-item {
|
|
|
+ position: relative;
|
|
|
+ padding: 4px 0;
|
|
|
+ }
|
|
|
+ .user-item + .user-item {
|
|
|
+ border-top: 1px dashed #EEEEEE;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .y-user-list-box {
|
|
|
+ flex: 1;
|
|
|
+ .user-list {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .s-user-list-box {
|
|
|
+ position: relative;
|
|
|
+ border-top: 1px solid #EEEEEE;
|
|
|
+ .user-list {
|
|
|
+ height: 6rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.sort-node-body-box.list-group {
|
|
|
+ position: relative;
|
|
|
+ min-height: 20px;
|
|
|
+ border: 1px solid #EEEEEE;
|
|
|
+ .list-group-item {
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 6px 15px;
|
|
|
+ cursor: move;
|
|
|
+ transition: background 0.2s;
|
|
|
+ .index-box {
|
|
|
+ position: relative;
|
|
|
+ width: 50px;
|
|
|
+ }
|
|
|
+ .title-box {
|
|
|
+ position: relative;
|
|
|
+ padding-right: 24px;
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+ .icon-box {
|
|
|
+ position: relative;
|
|
|
+ font-size: 18px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ .icon {
|
|
|
+ cursor: pointer;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &:first-child .icon-box i:last-child,
|
|
|
+ &:last-child .icon-box i:first-child {
|
|
|
+ cursor: default;
|
|
|
+ color: #aaaaaa;
|
|
|
+ }
|
|
|
+ &:hover {
|
|
|
+ background: var(--el-color-primary-light-9);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .list-group-item + .list-group-item {
|
|
|
+ border-top: 1px solid #EEEEEE;
|
|
|
+ }
|
|
|
+ &.header {
|
|
|
+ border-bottom: 0;
|
|
|
+ .list-group-item {
|
|
|
+ cursor: default;
|
|
|
+ padding: 8px 15px;
|
|
|
+ background-color: #F8F8F8;
|
|
|
+ .index-box, .title-box, .icon-box {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
