Skip to content

DBLink has styles for variant "inline", but no Typescript definitions or documentation for it #3995

Open
@milan-w

Description

@milan-w

Which generators are impacted?

  • All
  • HTML
  • React
  • Angular
  • Vue
  • Web components
  • Power Apps

Reproduction case

https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system/version-3/components/link#10447656

Laut Doku gibt es für die Komponente DBLink nur noch die Varianten "adaptive" und "brand". Im CSS für DBLink steht aber:

%db-default-link {
    &:not([data-variant="inline"]) {
      white-space: nowrap;
    }
    &[data-variant="inline"] {
      display: inline;
    }
...
}

source: packages/components/src/styles/internal/_link-components.scss

Zusätzlich findet sich dort die Definition %db-link-height, die dafür sorgt, dass alle .db-link Komponenten eine fixe block-size also Höhe bekommen:

%db-link-height {
	display: inline-block;
	block-size: variables.$db-sizing-sm;
}

Da es nicht unüblich ist, dass verlinkte Text auch mal umbrechen, sollte die Anwendung dieser fixe Höhe mindestens optional sein.

Expected Behaviour

Either I'm able to use data-variant="inline" or the "inline" styles are applied when using data-variant="adaptive".

Screenshots

No response

Browser version

None

Add any other context about the problem here.

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    📋 Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions