Fix cropped userlist popup
- avatar popup list in the top right corener was getting cropped if we have multiple users ( like more than 10=12) - this patch will make overflow auto and add scroll otion to tackel this issue Signed-off-by: Darshan-upadhyay1110 <darshan.upadhyay@collabora.com> Change-Id: Id57539cb91a7f4a2a3766e6d01f0e6a00d3af92a
This commit is contained in:
parent
c5c1de5993
commit
3be156804a
1 changed files with 22 additions and 0 deletions
|
@ -1660,6 +1660,9 @@ menu-entry-with-icon.padding-left + menu-entry-icon.width */
|
|||
filter: drop-shadow(0 1px 3px var(--color-box-shadow));
|
||||
min-width: 150px;
|
||||
font-size: var(--default-font-size);
|
||||
max-height: 85vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
#userListPopover::after {
|
||||
|
@ -1732,6 +1735,25 @@ html[dir='rtl'] #userListPopover::after {
|
|||
#userListPopover .user-list-item.selected-user .user-list-item--name {
|
||||
padding: 4px 0 0 8px;
|
||||
}
|
||||
/* Style for the scrollbar track */
|
||||
#userListPopover::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
/* Style for the scrollbar handle (thumb) */
|
||||
#userListPopover::-webkit-scrollbar-thumb {
|
||||
background-color: var(--color-border);
|
||||
}
|
||||
|
||||
/* Style for the scrollbar track when handle is being dragged */
|
||||
#userListPopover::-webkit-scrollbar-thumb:hover {
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
/* Style for the scrollbar track (not the handle) */
|
||||
#userListPopover::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
#userListSummary,
|
||||
|
|
Loading…
Reference in a new issue