You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
It looks like phpdebugbar includes a copy of bootstrap 3 and fontawesome 4.3 but namespaces all of the class selectors to stop conflict with a pages own stylesheet information.
e.g. .phpdebugbar-fa {
Unfortunately .pull-right and .pull-left haven't been namespaced and they are used in bootstrap3 but have been removed from bootstrap 4, this means if you are using bootstrap 4 and use pull-right/pull-left (as your IDE might autocomplete saying they're available) when the debug bar is disabled (for example in production) they don't work and your layout breaks.
Ideally phpdebugbar would be upgraded to use fontawesome 5 and bootstrap 4.
But for now a fix is to add the missing namespace to pull-right and pull-left as provided by debugbars stylesheet.
The text was updated successfully, but these errors were encountered:
It looks like phpdebugbar includes a copy of bootstrap 3 and fontawesome 4.3 but namespaces all of the class selectors to stop conflict with a pages own stylesheet information.
e.g.
.phpdebugbar-fa {
Unfortunately .pull-right and .pull-left haven't been namespaced and they are used in bootstrap3 but have been removed from bootstrap 4, this means if you are using bootstrap 4 and use pull-right/pull-left (as your IDE might autocomplete saying they're available) when the debug bar is disabled (for example in production) they don't work and your layout breaks.
Ideally phpdebugbar would be upgraded to use fontawesome 5 and bootstrap 4.
But for now a fix is to add the missing namespace to pull-right and pull-left as provided by debugbars stylesheet.
The text was updated successfully, but these errors were encountered: