search

dtauerbach / apollo

Apollo Project website
1 stars 0 forks source link

When restoring Bootstrap CSS, design degrades #26

Closed dtauerbach closed 10 years ago

dtauerbach commented 10 years ago

Towards getting modals to work, if the lines are added to base.html:

<!-- Bootstrap -->
<link href="{{ url_for('static', filename='lib/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" media="screen">
<link href="{{ url_for('static', filename='css/global.css') }}" rel="stylesheet" media="screen">

Then Bootstrap breaks some of the Angular CSS. One option is to reimplement the Bootstrap modals in Angular, another is to try to separate out the namespaces of CSS classes for the two frameworks and try to get them to cooperate.

dtauerbach commented 10 years ago

I'm not sure this fixes the issue above since we are only including the Bootstrap CSS, but this seems potentially promising: http://angular-ui.github.io/bootstrap/

dtauerbach commented 10 years ago

Putting the Bootstrap CSS before the main.css file helps, and demonstrates there must be some name collisions. Obviously this is hugely hacky and we should try to figure out those collisions.