Make sure all IO builder related css is prefixed with io

Created on 3 April 2021, over 3 years ago
Updated 26 June 2024, 5 months ago

The module currently seems to contain the bootstrap styles, and also custom styling for tippy tooltip.
All these styles should work only on io builder related items, as it can break the styling.

Example:

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px
  }
}

@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: 720px
  }
}

@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 960px
  }
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px
  }
}

If your site changed the bootstrap breakpoints via variables (example sm should start at 780 px instead of 768. This line of css will reset this again.
Same for the tippy styling. If the site contains custom css for tippy, it's possible that loading this css file will break layout of the tippy.

🐛 Bug report
Status

Closed: outdated

Version

1.0

Component

Code

Created by

🇧🇪Belgium nils.destoop

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024