CSS class conflict with Bootstrap

  • Resolved xenopathic

    (@xenopathic)


    7 years, 5 months ago

    A datetime field, e.g. “User Registered”, is displayed as a span with a class of “tooltip”. My theme uses Bootstrap however, which defines properties on “.tooltip” that cause the field to display incorrectly (namely, opacity: 0, font adjustments, and position: absolute). This obviously only happens when embedding a user list in a page and then viewing it from the frontend.

    Since Bootstrap is fairly common, could this CSS class be changed to avoid the conflict? Prefixing the class with “amr” would do the trick I think.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author anmari

    (@anmari)

    Sadly yes – original intention way way back was that the lists should pickup where ever possible theme styling for a consistent look. Back then bootstrap wasn’t such a thing.
    But now yes, since bootstrap effectively hides the main text, that will have to change.

    I think it’ll have to have it’s own class and maybe a cursor style added in the default css.

    See update soon.

    Thread Starter xenopathic

    (@xenopathic)

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS class conflict with Bootstrap’ is closed to new replies.