Skip to content

Commit

Permalink
chore: list layout scrollbar improvement (#3933)
Browse files Browse the repository at this point in the history
  • Loading branch information
anmolsinghbhatia authored Mar 11, 2024
1 parent e3ac075 commit 9c29ad1
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 1 deletion.
5 changes: 4 additions & 1 deletion web/components/issues/issue-layouts/list/default.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -123,7 +123,10 @@ const GroupByList: React.FC<IGroupByList> = (props) => {
const isGroupByCreatedBy = group_by === "created_by";

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.length > 0 &&
groups.map(
Expand Down
3 changes: 3 additions & 0 deletions web/styles/globals.css
Original file line number Diff line number Diff line change
Expand Up @@ -602,6 +602,9 @@ div.web-view-spinner div.bar12 {
.horizontal-scrollbar::-webkit-scrollbar-corner {
background-color: transparent;
}
.vertical-scrollbar-margin-top-md::-webkit-scrollbar-track {
margin-top: 44px;
}

/* scrollbar sm size */
.scrollbar-sm::-webkit-scrollbar {
Expand Down

0 comments on commit 9c29ad1

Please sign in to comment.