github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: kanban horizontal scrollbar added (#372)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2023-03-06 11:13:08 +05:30 committed by GitHub
parent a4dc4d1f15
commit fef72ccc70
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/app/components/core/board-view/all-boards.tsx
View File

@ -40,7 +40,7 @@ export const AllBoards: React.FC<Props> = ({
<>
{groupedByIssues ? (
<div className="h-[calc(100vh-157px)] w-full lg:h-[calc(100vh-115px)]">
<div className="flex h-full gap-x-9 overflow-x-auto overflow-y-hidden">
<div className="flex h-full gap-x-9 overflow-x-auto horizontal-scroll-enable overflow-y-hidden">
{Object.keys(groupedByIssues).map((singleGroup, index) => {
const currentState =
selectedGroup === "state_detail.name"

15
apps/app/styles/globals.css
View File

@ -30,6 +30,21 @@
-webkit-font-smoothing: antialiased;
}
/* Horizontal Scrollbar style */
.horizontal-scroll-enable{
overflow-x: scroll;
}
.horizontal-scroll-enable::-webkit-scrollbar{
display: block;
height: 10px;
}
.horizontal-scroll-enable::-webkit-scrollbar-thumb{
border-radius: 5px;
background-color: #9ca3af;
}
/* end Horizontal Scrollbar style */
.scrollbar-enable::-webkit-scrollbar {
display: block;
}