Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-12 07:43:16 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix: hiding of action buttons (#460)

Browse Source 
* chore: fix hiding of action buttons
This commit is contained in:
Adithya Krishna
2023-11-03 11:09:43 +05:30
committed by Mythie
parent 2065a0debc
commit 803ab7a7da
3 changed files with 30 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/ui/primitives/document-flow/add-signers.tsx
View File

@ -176,7 +176,7 @@ export const AddSignersFormPartial = ({
<div>
<button
type="button"
className="inline-flex h-10 w-10 items-center justify-center text-slate-500 hover:opacity-80 disabled:cursor-not-allowed disabled:opacity-50"
className="justify-left inline-flex h-10 w-10 items-center text-slate-500 hover:opacity-80 disabled:cursor-not-allowed disabled:opacity-50"
disabled={
isSubmitting ||
hasBeenSentToRecipientId(signer.nativeId) ||

11
packages/ui/primitives/document-flow/document-flow-root.tsx
View File

@ -61,8 +61,14 @@ export const DocumentFlowFormContainerContent = ({
...props
}: DocumentFlowFormContainerContentProps) => {
return (
<div className={cn('flex flex-1 flex-col', className)} {...props}>
<div className="-mx-2 flex flex-1 flex-col overflow-y-auto px-2">{children}</div>
<div
className={cn(
'custom-scrollbar -mx-2 flex flex-1 flex-col overflow-y-auto overflow-x-hidden px-2',
className,
)}
{...props}
>
<div className="flex flex-1 flex-col">{children}</div>
</div>
);
};
@ -90,7 +96,6 @@ export type DocumentFlowFormContainerStepProps = {
};
export const DocumentFlowFormContainerStep = ({
title,
step,
maxStep,
}: DocumentFlowFormContainerStepProps) => {

21
packages/ui/styles/theme.css
View File

@ -93,3 +93,24 @@
mask-composite: exclude;
-webkit-mask-composite: xor;
}
.custom-scrollbar::-webkit-scrollbar {
width: 6px;
background: transparent;
border-radius: 10px;
scrollbar-gutter: stable;
}
.custom-scrollbar::-webkit-scrollbar-track {
border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background: rgb(100 116 139 / 1);
border-radius: 10px;
width: 8px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
background: rgb(100 116 139 / 0.5);
}