mirror of
https://github.com/haiwen/seahub.git
synced 2025-09-16 23:29:49 +00:00
Share to user support select department (#7327)
* select department user when share repo to user * update * update * 01 fix code warnings * 02 change dialog style * 03 manage group members support select department user --------- Co-authored-by: Michael An <2331806369@qq.com>
This commit is contained in:
lian
GitHub
171
frontend/src/css/group-departments.css
Normal file
171
frontend/src/css/group-departments.css
Normal file
@@ -0,0 +1,171 @@
|
||||
.department-dialog .department-dialog-content {
|
||||
padding: 0;
|
||||
min-height: 30rem;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
flex-wrap: nowrap;
|
||||
align-content: space-between;
|
||||
justify-content: space-between;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.department-dialog .department-dialog-content>div {
|
||||
max-height: calc(100vh - 120px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.department-dialog-content .department-dialog-group {
|
||||
flex: 0 0 30%;
|
||||
padding: 1rem;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
.department-dialog-content .department-dialog-group .tr-highlight .dtable-icon-groups {
|
||||
padding-right: 10px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.department-dialog-content .department-dialog-group .dtable-icon-groups {
|
||||
padding-right: 10px;
|
||||
color: #9c9c9c;
|
||||
}
|
||||
|
||||
.department-dialog-content .department-dialog-member {
|
||||
display: flex;
|
||||
flex: 0 0 35%;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
.department-dialog-content .department-dialog-member-selected {
|
||||
display: flex;
|
||||
flex: 0 0 35%;
|
||||
border-right: 1px solid #eee;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.department-dialog-content .department-dialog-member-selected .modal-footer {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.department-dialog-content .department-dialog-member-selected .dtable-icon-cancel {
|
||||
cursor: pointer;
|
||||
color: #959595;
|
||||
}
|
||||
|
||||
.department-dialog-content .department-dialog-group .group-item {
|
||||
cursor: pointer;
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.department-dialog-content .department-dialog-group .group-item:hover {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.department-dialog-content .department-dialog-group .group-item.tr-highlight:hover,
|
||||
.department-dialog-content .department-dialog-group .tr-highlight {
|
||||
background-color: #FF8000;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.department-dialog-member-head {
|
||||
display: flex;
|
||||
padding: 0 0 12px 0;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.department-dialog-member-head .department-name {
|
||||
font-size: 0.8125rem;
|
||||
color: #9c9c9c;
|
||||
}
|
||||
|
||||
.department-dialog-member-head .select-all {
|
||||
cursor: pointer;
|
||||
font-size: 0.8125rem;
|
||||
color: #ea7500;;
|
||||
}
|
||||
|
||||
.department-dialog-member-head .select-all-disable {
|
||||
font-size: 0.8125rem;
|
||||
color: rgb(248, 205, 160);
|
||||
}
|
||||
|
||||
.department-dialog-member-table td,
|
||||
.department-dialog-member-head td {
|
||||
border: none;
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.department-dialog-member-table {
|
||||
display: block;
|
||||
text-align: center;
|
||||
max-height: calc(100% - 32px);
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.department-dialog-member-table tr {
|
||||
display: table;
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.department-dialog-member-table .sf3-font-help {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.department-dialog-member .empty-tip {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.department-dialog-member .empty-tip .no-items-img-tip {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.department-dialog-member .empty-tip h2 {
|
||||
color: #999;
|
||||
font-weight: normal;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.department-dialog-content .avatar {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.department-dialog-content tr td:first-child {
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
.department-dialog-member-table tr td:first-child {
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.department-dialog-member-table tr td .dtable-icon-use-help {
|
||||
color: #bdbdbd;
|
||||
}
|
||||
|
||||
.department-dialog-member-table tr td .dtable-icon-use-help:hover {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.tooltip-inner {
|
||||
font-size: 13px;
|
||||
font-weight: lighter;
|
||||
text-align: justify;
|
||||
color: #FFF;
|
||||
background-color: #303133;
|
||||
}
|
||||
|
||||
.department-dialog-member-selected tr td:last-child {
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
.department-dialog-member-selected .modal-footer .btn {
|
||||
min-width: 80px;
|
||||
}
|
||||
@@ -18,6 +18,7 @@
|
||||
.add-members {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.add-members .add-members-select {
|
||||
@@ -32,6 +33,21 @@
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.group-manage-members-dialog .add-members .toggle-detail-btn {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 90px;
|
||||
border-left: 1px solid #ccc;
|
||||
padding-left: 9px;
|
||||
font-size: 18px;
|
||||
cursor: pointer;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.group-manage-members-dialog .add-members .toggle-detail-btn:hover {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.group-manage-members-dialog .search-group-members {
|
||||
color: #999;
|
||||
font-size: 14px;
|
||||
|
||||
@@ -16,3 +16,42 @@
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.share-link-container .share-user-avatar {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.share-link-container .share-link-tip {
|
||||
background-color: #f6eddf;
|
||||
margin: -1rem -1.5rem 1rem;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
|
||||
.share-link-container .add-members {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.share-link-container .add-members .reviewer-select {
|
||||
width: 300px;
|
||||
max-width: calc(100% - 10px);
|
||||
}
|
||||
|
||||
.share-link-container .add-members .toggle-detail-btn {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 20px;
|
||||
border-left: 1px solid #ccc;
|
||||
padding-left: 9px;
|
||||
font-size: 18px;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.user-select.user-select-right-btn .true__value-container {
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user