WEBDIENSTE/OpenSign
1
0
Fork 0
mirror of https://github.com/OpenSignLabs/OpenSign.git synced 2026-08-17 21:25:54 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1865 from OpenSignLabs/updates-16598173522

Browse Source 
fix: add dynamic truncate for email in list of signers
This commit is contained in:
prafull-opensignlabs
2025-07-29 19:29:57 +05:30
committed by GitHub
parent 4f3c034cec 378c0f057b
commit 369e3660fc
2 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/OpenSign/src/components/pdf/RecipientList.jsx
+7 -7
View File
@@ -129,9 +129,9 @@ const RecipientList = (props) => {
}
}}
>
<div className="flex flex-row items-center w-full">
<div className="flex flex-row items-center w-full overflow-hidden pr-2">
<div
className="flex w-[30px] h-[30px] rounded-full items-center justify-center mr-2"
className="flex flex-shrink-0 w-[30px] h-[30px] rounded-full items-center justify-center mr-2"
style={{
background: obj?.blockColor
? darkenColor(obj?.blockColor, 0.4)
@@ -153,7 +153,7 @@ const RecipientList = (props) => {
<div
className={`${
obj.Name ? "flex-col" : "flex-row"
} flex items-center`}
} flex overflow-hidden flex-grow-0`}
>
{obj.Name ? (
<span
@@ -162,7 +162,7 @@ const RecipientList = (props) => {
props.isSelectListId === ind
? "text-[#424242]"
: "text-base-content"
} text-[12px] font-bold w-[100px] whitespace-nowrap overflow-hidden text-ellipsis`}
} text-[12px] font-bold truncate whitespace-nowrap`}
>
{obj.Name}
</span>
@@ -173,7 +173,7 @@ const RecipientList = (props) => {
props.isSelectListId === ind
? "text-[#424242]"
: "text-base-content"
} text-[12px] font-bold w-[100px] whitespace-nowrap overflow-hidden text-ellipsis cursor-pointer`}
} text-[12px] font-bold truncate whitespace-nowrap cursor-pointer`}
onClick={() => {
setIsEdit({ [obj.Id]: true });
props.setRoleName(obj.Role);
@@ -182,7 +182,7 @@ const RecipientList = (props) => {
{isEdit?.[obj.Id] && props.handleRoleChange ? (
<input
ref={inputRef}
className="bg-transparent p-[3px]"
className="bg-transparent p-[3px] w-full"
value={obj.Role}
onChange={(e) => props.handleRoleChange(e, obj.Id)}
onBlur={() => {
@@ -210,7 +210,7 @@ const RecipientList = (props) => {
props.isSelectListId === ind
? "text-[#424242]"
: "text-base-content"
} text-[10px] font-medium w-[100px] whitespace-nowrap overflow-hidden text-ellipsis`}
} text-[10px] font-medium truncate whitespace-nowrap`}
>
{obj?.Role || obj?.Email}
</span>
apps/OpenSign/src/components/pdf/SignerListComponent.jsx
+5 -5
View File
@@ -27,12 +27,12 @@ function SignerListComponent(props) {
return (
<div
className="rounded-xl mx-1 flex flex-row items-center py-[10px] mt-1"
className="rounded-xl mx-1 flex flex-row flex-grow-0 items-center py-[10px] mt-1"
style={{ background: checkSignerBackColor(props.obj) }}
>
<div
style={{ background: checkUserNameColor(props.obj) }}
className="flex w-[30px] h-[30px] rounded-full justify-center items-center mx-1"
className="flex flex-shrink-0 w-[30px] h-[30px] rounded-full justify-center items-center mx-1"
>
<span className="text-[12px] text-center font-bold text-black uppercase">
{getFirstLetter(
@@ -40,11 +40,11 @@ function SignerListComponent(props) {
)}
</span>
</div>
<div className="flex flex-col">
<span className="text-[12px] font-bold text-[#424242] w-[100px] whitespace-nowrap overflow-hidden text-ellipsis">
<div className="flex flex-grow-0 flex-col overflow-hidden pr-2">
<span className="text-[12px] font-bold truncate whitespace-nowrap">
{props.obj?.Name || props?.obj?.Role}
</span>
<span className="text-[10px] font-medium text-[#424242] w-[100px] whitespace-nowrap overflow-hidden text-ellipsis">
<span className="text-[10px] font-medium truncate whitespace-nowrap">
{props.obj?.Email || props.obj?.email}
</span>
</div>