add attach user icon in mobile view

This commit is contained in:
prafull-opensignlabs
2023-12-26 23:03:27 +05:30
parent 6c1d0c712a
commit 527c5be42c
2 changed files with 34 additions and 11 deletions
@@ -10,12 +10,14 @@ function PlaceholderBorder(props) {
style={{
borderColor: themeColor(),
borderStyle: "dashed",
width: props.pos.Width
? props.pos.Width + getResizeBorderExtraWidth
: 150 + getResizeBorderExtraWidth,
height: props.pos.Height
? props.pos.Height + getResizeBorderExtraWidth
: 60 + getResizeBorderExtraWidth,
// width: props.pos.Width
// ? props.pos.Width + getResizeBorderExtraWidth
// : 150 + getResizeBorderExtraWidth,
// height: props.pos.Height
// ? props.pos.Height + getResizeBorderExtraWidth
// : 60 + getResizeBorderExtraWidth,
width: props?.posWidth(props.pos) + getResizeBorderExtraWidth,
height: props?.posHeight(props.pos) + getResizeBorderExtraWidth,
borderWidth: "0.2px",
overflow: "hidden"
}}
@@ -598,7 +598,7 @@ function RenderPdf({
}}
>
<BorderResize right={-12} top={-11} />
<PlaceholderBorder pos={pos} />
<PlaceholderBorder pos={pos} posWidth={posWidth} posHeight={posHeight}/>
<div
onTouchEnd={() => {
const dataNewPlace = addZIndex(
@@ -617,6 +617,17 @@ function RenderPdf({
});
}}
>
<i
className="fa-regular fa-user signUserIcon"
onClick={(e) => {
e.stopPropagation();
handleLinkUser(data.Id);
setUniqueId(data.Id);
}}
style={{
color: "#188ae2"
}}
></i>
<i
className="fa-regular fa-copy signCopy"
onTouchEnd={(e) => {
@@ -748,7 +759,7 @@ function RenderPdf({
}}
>
<BorderResize right={-12} top={-11} />
<PlaceholderBorder pos={pos} />
<PlaceholderBorder pos={pos} posWidth={posWidth} posHeight={posHeight}/>
<div
onTouchEnd={(e) => {
if (!isDragging && isMobile) {
@@ -761,6 +772,17 @@ function RenderPdf({
}
}}
>
<i
className="fa-regular fa-user signUserIcon"
onClick={(e) => {
e.stopPropagation();
handleLinkUser(data.Id);
setUniqueId(data.Id);
}}
style={{
color: "#188ae2"
}}
></i>
<i
className="fa-regular fa-copy signCopy"
onTouchEnd={(e) => {
@@ -1053,7 +1075,6 @@ function RenderPdf({
style={{
cursor: "all-scroll",
background: data.blockColor,
zIndex: pos.zIndex
}}
className="signYourselfBlock"
@@ -1110,7 +1131,7 @@ function RenderPdf({
}}
>
<BorderResize right={-12} top={-11} />
<PlaceholderBorder pos={pos} />
<PlaceholderBorder pos={pos} posWidth={posWidth} posHeight={posHeight}/>
<div>
<i
className="fa-regular fa-user signUserIcon"
@@ -1247,7 +1268,7 @@ function RenderPdf({
}}
>
<BorderResize right={-12} top={-11} />
<PlaceholderBorder pos={pos} />
<PlaceholderBorder pos={pos} posWidth={posWidth} posHeight={posHeight}/>
<PlaceholderDesign pos={pos} />
</Rnd>
)