joni2back / angular-filemanager

JavaScript File Manager Material Design Folder Explorer Navigator Browser Manager in AngularJS with CSS3 Responsive (with FTP in PHP / Java / Node)
https://joni2back.github.io/angular-filemanager/
MIT License
1.76k stars 576 forks source link

Namespace or prefix CSS styles to prevent clashes with projects using bootstrap #183

Open Nevario opened 8 years ago

Nevario commented 8 years ago

Hello,

When I included angular-filemanager in my project I had big issues with it overwriting some styles used by bootstrap and other CSS libraries.

In the end I had to prefix all angular-filemanager styles, eg #fileManagerApp .sidebar {}. Not very good.

Could you please consider adding prefixes to elements of bootstrap that are customised for angular-filemanager.

For example

<nav class="navbar navbar-inverse ng-scope afm-navbar">
   ...
</nav>

Then angular-filemanager.min.css could overwrite the .afm-navbar class without affecting other navbars in the project.

Appreciate your thoughts.

Thanks, Tim

DmitriyIlyushchenia commented 8 years ago

Same thing. Use Filemanager with Bootstrap-based dashboard - both of them become crashed.

joshribakoff commented 7 years ago

+1