carbon icon indicating copy to clipboard operation
carbon copied to clipboard

Link declared inside definition list component (Dd Dt Dl). is not by default underline

Open rahulhire9124 opened this issue 2 years ago • 3 comments

Current behaviour

Currently if you used Link component in Dl (definition list component (Dd Dt Dl)) then its taken with text-decoration:none

Expected behaviour

We need option to pass props such as ====> Font weight 400, size 14px, colour primary green (rgb 0, 129, 93), underlined.

CodeSandbox or Storybook URL

https://codesandbox.io/s/eloquent-zhukovsky-in1ric?file=/src/index.js

JIRA Ticket (Sage Only)

SBS-33226

Suggested Solution

No response

Carbon Version

107.1.4

Design Tokens Version

No response

What browsers are you seeing the problem on?

Chrome, Microsoft Edge

What Operating System are you seeing the problem on?

Windows

Anything else we should know?

No response

Confidentiality

  • [X] I confirm there is no confidential or commercially sensitive information included.

rahulhire9124 avatar Jun 17 '22 13:06 rahulhire9124

@ljemmo I would assume in this case that we do not want Links to be restyled?

nicktitchmarsh avatar Aug 02 '22 13:08 nicktitchmarsh

@nicktitchmarsh Correct, i would expect the Definition list to consume the styling of our link component when used in that context. There should be no manual styling going in here.

ljemmo avatar Aug 02 '22 15:08 ljemmo

FE-5293

nicktitchmarsh avatar Aug 04 '22 12:08 nicktitchmarsh

:tada: This issue has been resolved in version 110.1.1 :tada:

The release is available on:

Your semantic-release bot :package::rocket:

carbonci avatar Aug 18 '22 10:08 carbonci