thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests 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 ? ( {groupedByIssues ? (
<div className="h-[calc(100vh-157px)] w-full lg:h-[calc(100vh-115px)]"> <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) => { {Object.keys(groupedByIssues).map((singleGroup, index) => {
const currentState = const currentState =
selectedGroup === "state_detail.name" selectedGroup === "state_detail.name"

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

@ -30,6 +30,21 @@
-webkit-font-smoothing: antialiased; -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 { .scrollbar-enable::-webkit-scrollbar {
display: block; display: block;
} }