Skip to content

<b-table> sorting arrows overlap <th> text #3696

Closed
@shaneparsons

Description

@shaneparsons

Describe the bug

The sorting arrows of b-table overlap the th text under certain circumstances.

Steps to reproduce the bug

  1. Go to this codepen
  2. Shrink the width of your browser window... at a certain point you will see the overlap

Expected behavior

The arrow to always remain to the right of the th text.

Versions

Libraries:

  • BootstrapVue: 2.0.0-rc.26

Environment:

  • Browser: all modern browsers.

Additional context

If you un-comment the css in the codepen file you'll see my "temporary" fix for the issue... I'm sure somebody else can come up with a cleaner solution though.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions