thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

chore: list layout scrollbar improvement (#3933)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2024-03-11 21:12:59 +05:30 committed by GitHub
parent e3ac075ee2
commit 9c29ad1a28
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/components/issues/issue-layouts/list/default.tsx
View File

@ -123,7 +123,10 @@ const GroupByList: React.FC<IGroupByList> = (props) => {
const isGroupByCreatedBy = group_by === "created_by"; const isGroupByCreatedBy = group_by === "created_by";
return ( return (
<div ref={containerRef} className="vertical-scrollbar scrollbar-lg relative h-full w-full overflow-auto"> <div
ref={containerRef}
className="vertical-scrollbar scrollbar-lg relative h-full w-full overflow-auto vertical-scrollbar-margin-top-md"
>
{groups && {groups &&
groups.length > 0 && groups.length > 0 &&
groups.map( groups.map(

3
web/styles/globals.css
View File

@ -602,6 +602,9 @@ div.web-view-spinner div.bar12 {
.horizontal-scrollbar::-webkit-scrollbar-corner { .horizontal-scrollbar::-webkit-scrollbar-corner {
background-color: transparent; background-color: transparent;
} }
.vertical-scrollbar-margin-top-md::-webkit-scrollbar-track {
margin-top: 44px;
}
/* scrollbar sm size */ /* scrollbar sm size */
.scrollbar-sm::-webkit-scrollbar { .scrollbar-sm::-webkit-scrollbar {