Skip to content

Unpinned headers area wrap issues #111

@ddaribo

Description

@ddaribo

Is your feature request related to a problem? Please describe.

Sample

  1. In case the header text of all unpinned headers is relatively long and contains no interval, they would not be wrapped, which is expected. However, if they exceed the available space, not all of them are visible and there is no way to reach the invisible ones. Check out the right unpunned tab area in the sample. There are only 5 visible headers of 8:
Image
  1. In case the header text contains intervals, the text is wrapped, however, at some point the text would "overflow" and look like this. Check out left and bottom unpinned tab areas in the sample:
Image

Describe the solution you'd like

  1. An overflow indicator, such as the "more (...)" button in the tab strip area, for example:
Image

or any other means to scroll/bring into view the hidden headers.

  1. Keep the text only within the header.

Describe alternatives you've considered

  1. None
  2. On application level, the following style could be added to increase the width of the unpinned tab area, so that the text is contained within the header:
igc-dockmanager::part(unpinned-tab-area--left) {
    width: 150px;
}
Image

Additional context

Reported by a customer.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions