search

SAP / fundamental-ngx

Fundamental Library for Angular is SAP Design System Angular component library
https://sap.github.io/fundamental-ngx
Apache License 2.0
269 stars 129 forks source link

Bug: Timeline "Connecting Line" strikes through icons #9271

Closed JenniferStamm closed 1 year ago

JenniferStamm commented 1 year ago

Is this a bug, enhancement, or feature request?

Bug

Briefly describe your proposal.

As seen on the docs' first example, the connecting line strikes through the icons when initially loading the page.

image

It's only broken when initially loading the page. E.g. resizing the browser window fixes the visual defect.

Which versions of Angular and Fundamental Library for Angular are affected? (If this is a feature request, use current version.)

v0.38.2

If this is a bug, please provide steps for reproducing it.

  1. Load docs on Timeline and scroll to first example: https://sap.github.io/fundamental-ngx/#/core/timeline
  2. Resize browser window to see the strike-through disappear.

Please provide relevant source code if applicable.

Is there anything else we should know?

Fundamentals Team comment: The height and the width of the connecting lines is calculated dynamically and the css is assigned with inline styling to the element. For example: <div class="fd-timeline__connecting-line" style="height: 80px;"></div> On window resize these calculations are not applied correctly which results in lines going through the icons of the timeline and even overflowing the component.

N1XUS commented 1 year ago

Not reproduced with the latest version. Closing