fix: module and cycle sidebar scroll (#5113)
This commit is contained in:
parent
830d1c0b5a
commit
f7de9a3497
4 changed files with 4 additions and 4 deletions
|
|
@ -71,7 +71,7 @@ const CycleDetailPage = observer(() => {
|
||||||
{cycleId && !isSidebarCollapsed && (
|
{cycleId && !isSidebarCollapsed && (
|
||||||
<div
|
<div
|
||||||
className={cn(
|
className={cn(
|
||||||
"flex h-full w-[24rem] flex-shrink-0 flex-col gap-3.5 overflow-y-auto border-l border-custom-border-100 bg-custom-sidebar-background-100 px-6 duration-300 vertical-scrollbar scrollbar-sm fixed right-0 z-10"
|
"flex h-full w-[24rem] flex-shrink-0 flex-col gap-3.5 overflow-y-auto border-l border-custom-border-100 bg-custom-sidebar-background-100 px-6 duration-300 vertical-scrollbar scrollbar-sm fixed right-0 top-0 z-10"
|
||||||
)}
|
)}
|
||||||
style={{
|
style={{
|
||||||
boxShadow:
|
boxShadow:
|
||||||
|
|
|
||||||
|
|
@ -69,7 +69,7 @@ const ModuleIssuesPage = observer(() => {
|
||||||
{moduleId && !isSidebarCollapsed && (
|
{moduleId && !isSidebarCollapsed && (
|
||||||
<div
|
<div
|
||||||
className={cn(
|
className={cn(
|
||||||
"flex h-full w-[24rem] flex-shrink-0 flex-col gap-3.5 overflow-y-auto border-l border-custom-border-100 bg-custom-sidebar-background-100 px-6 duration-300 vertical-scrollbar scrollbar-sm fixed right-0 z-10"
|
"flex h-full w-[24rem] flex-shrink-0 flex-col gap-3.5 overflow-y-auto border-l border-custom-border-100 bg-custom-sidebar-background-100 px-6 duration-300 vertical-scrollbar scrollbar-sm fixed right-0 top-0 z-10"
|
||||||
)}
|
)}
|
||||||
style={{
|
style={{
|
||||||
boxShadow:
|
boxShadow:
|
||||||
|
|
|
||||||
|
|
@ -260,7 +260,7 @@ export const CycleDetailsSidebar: React.FC<Props> = observer((props) => {
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<>
|
<>
|
||||||
<div className="sticky z-10 top-0 flex items-center justify-between bg-custom-sidebar-background-100 py-5">
|
<div className="sticky z-10 pt-20 top-0 flex items-center justify-between bg-custom-sidebar-background-100 pb-5">
|
||||||
<div>
|
<div>
|
||||||
<button
|
<button
|
||||||
className="flex h-5 w-5 items-center justify-center rounded-full bg-custom-border-300"
|
className="flex h-5 w-5 items-center justify-center rounded-full bg-custom-border-300"
|
||||||
|
|
|
||||||
|
|
@ -309,7 +309,7 @@ export const ModuleAnalyticsSidebar: React.FC<Props> = observer((props) => {
|
||||||
)}
|
)}
|
||||||
<DeleteModuleModal isOpen={moduleDeleteModal} onClose={() => setModuleDeleteModal(false)} data={moduleDetails} />
|
<DeleteModuleModal isOpen={moduleDeleteModal} onClose={() => setModuleDeleteModal(false)} data={moduleDetails} />
|
||||||
<>
|
<>
|
||||||
<div className="sticky z-10 top-0 flex items-center justify-between bg-custom-sidebar-background-100 py-5">
|
<div className="sticky z-10 pt-20 top-0 flex items-center justify-between bg-custom-sidebar-background-100 pb-5">
|
||||||
<div>
|
<div>
|
||||||
<button
|
<button
|
||||||
className="flex h-5 w-5 items-center justify-center rounded-full bg-custom-border-300"
|
className="flex h-5 w-5 items-center justify-center rounded-full bg-custom-border-300"
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue