-
Notifications
You must be signed in to change notification settings - Fork 98
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(mrc): dont render TileBlock optional label #15261
base: develop
Are you sure you want to change the base?
Conversation
<dl className="flex flex-col gap-1 m-0"> | ||
<dt> | ||
<OdsText preset={ODS_TEXT_PRESET.heading6}>{label}</OdsText> | ||
</dt> | ||
{label && ( | ||
<dt> | ||
<OdsText preset={ODS_TEXT_PRESET.heading6}>{label}</OdsText> | ||
</dt> | ||
)} | ||
<dd className="m-0">{children}</dd> | ||
</dl> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nitpick: By definition, dd
tag provides the description for the preciding term dt
.
If you have a requirement to not display dt
, then imo, we have to think of adding modes for this where you display datalist/text/link.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I updated as we said earlier, keeping the dt
anyway but not rendering the OdsText
since it is the part that cause the unwanted space
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
For actions items, it will be better to not use dl/dt/dd, and render something specific. (probably a div with margin and children)
...ages/manager-react-components/src/components/content/dashboard-tile/tile-block.component.tsx
Outdated
Show resolved
Hide resolved
ref: ISSUE-15260 Signed-off-by: Tristan WAGNER <[email protected]>
5c07643
to
1788ecb
Compare
Quality Gate passedIssues Measures |
ref: ISSUE-15260
develop
Description
Related