haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-19 18:29:23 +00:00
Code Issues Releases Wiki Activity

12.0 optimize user select (#6307)

Browse Source 
* 01 remove useless reviewer

* 02 change user select style

* fix code format
This commit is contained in:
Michael An
2024-07-10 11:29:10 +08:00
committed by GitHub
parent a0ad4ee4e7
commit fbda14c855
19 changed files with 107 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/css/draft.css
View File

@@ -17,10 +17,6 @@
align-items: center;
}
.header .common-list-btn, .header .add-reviewer-btn {
margin-right: .25em;
}
.header .common-list-btn .common-list-btn-number {
margin-left: .5em;
}
@@ -124,7 +120,6 @@
border: 0;
}
.review-side-panel-item .reviewer-info,
.review-side-panel-item .author-info {
display: flex;
align-items: center;
@@ -156,7 +151,6 @@
width: 1.5rem;
}
.review-side-panel-item .reviewer-name,
.review-side-panel-item .author-name {
height: 2rem;
line-height: 2rem;

10
frontend/src/css/review-content.css
View File

@@ -1,10 +0,0 @@
.reviewer-list .reviewer-avatar:first-child {
margin-left: 0;
}
.reviewer-list .reviewer-avatar {
margin-left: -0.5rem;
box-shadow: 0 0 0 2px #fff;
cursor: pointer;
}

5
frontend/src/css/transfer-group-dialog.css
View File

@@ -2,8 +2,3 @@
line-height: 2rem;
margin-left: 10px;
}
.group-transfer-select .true__dropdown-indicator,
.reviewer-select .true__indicator-separator {
display: none;
}

33
frontend/src/css/user-select.css
View File

@@ -2,6 +2,39 @@
font-size: 14px;
font-weight: 500;
}
.user-option-email {
font-size: 12px;
}
/* dropdown menu avatar is 24*24px, selection box avatar is 16*16px */
.user-select .true__value-container .select-module.select-module-icon.avatar {
height: 16px;
width: 16px;
}
.user-select .true__value-container .true__multi-value__label {
padding: 0px;
}
.user-select .true__value-container .true__multi-value__label .select-module.select-module-icon.avatar {
transform: translateY(-2px);
}
.user-select .true__value-container .select-module.select-module-name {
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1 1;
line-height: 20px;
margin-left: 5px;
}
.user-select .true__control.true__control--is-focused,
.user-select .true__control.true__control--is-focused:hover {
background-color: #ffffff;
border-color: #1991eb;
outline: 0;
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}