Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 17:08:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix UX enhancements

Browse source
This commit is contained in:
Nakul Nagargade 2025-03-27 15:52:57 +05:30
parent d54a598e51
commit 85c1c79c4b
4 changed files with 10 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/AppBuilder/WidgetManager/widgets/link.js
View file

@ -215,7 +215,7 @@ export const linkConfig = {
horizontalAlignment: { value: 'left' },
padding: { value: 'default' },
boxShadow: { value: '0px 0px 0px 0px #00000040' },
icon: { value: 'IconHome2' },
icon: { value: 'IconLink' },
iconVisibility: { value: false },
},
},

15
frontend/src/Editor/Components/Link/Link.jsx
View file

@ -24,7 +24,6 @@ export const Link = ({ height, properties, styles, fireEvent, setExposedVariable
height: '100%',
width: '100%',
boxShadow,
cursor: isDisabled ? 'not-allowed' : 'pointer',
opacity: isDisabled ? 0.5 : 1,
pointerEvents: isDisabled ? 'none' : 'auto',
fontWeight: '500',
@ -32,7 +31,7 @@ export const Link = ({ height, properties, styles, fireEvent, setExposedVariable
};
// eslint-disable-next-line import/namespace
const IconElement = Icons?.[icon] == undefined ? Icons['IconHome2'] : Icons[icon];
const iconSize = textSize + 2;
// Update the state when the linkTarget or linkText changes
useEffect(() => {
setLinkTargetState(linkTarget);
@ -114,19 +113,19 @@ export const Link = ({ height, properties, styles, fireEvent, setExposedVariable
onMouseOver={() => {
fireEvent('onHover');
}}
style={{ color: textColor, fontSize: textSize }}
style={{ color: textColor, fontSize: textSize, cursor: isDisabled ? 'not-allowed' : 'pointer' }}
ref={clickRef}
>
<span className="d-flex justify-content-center">
{iconVisibility && (
<IconElement
style={{
width: `${textSize}px`,
height: `${textSize}px`,
minWidth: `${textSize}px`,
minHeight: `${textSize}px`,
width: `${iconSize}px`,
height: `${iconSize}px`,
minWidth: `${iconSize}px`,
minHeight: `${iconSize}px`,
marginRight: '4px',
marginTop: '3px',
marginTop: '2px',
}}
stroke={1.5}
/>

2
frontend/src/Editor/WidgetManager/configs/link.js
View file

@ -215,7 +215,7 @@ export const linkConfig = {
horizontalAlignment: { value: 'left' },
padding: { value: 'default' },
boxShadow: { value: '0px 0px 0px 0px #00000040' },
icon: { value: 'IconHome2' },
icon: { value: 'IconLink' },
iconVisibility: { value: false },
},
},

2
server/src/modules/apps/services/widget-config/link.js
View file

@ -215,7 +215,7 @@ export const linkConfig = {
horizontalAlignment: { value: 'left' },
padding: { value: 'default' },
boxShadow: { value: '0px 0px 0px 0px #00000040' },
icon: { value: 'IconHome2' },
icon: { value: 'IconLink' },
iconVisibility: { value: false },
},
},