Esri / calcite-bootstrap

A Calcite theme and a custom build system for building Bootstrap apps.
http://esri.github.io/calcite-bootstrap/
Apache License 2.0
48 stars 29 forks source link

Alerts needs Calcite Styling #6

Closed TheBlueDog closed 9 years ago

TheBlueDog commented 9 years ago

The module is currently using the default Bootstrap styling as shown below.

screen shot 2015-06-22 at 1 51 33 pm

Bootstrap Docs

Note that the colors used for the Alerts (_alerts.scss) are defined in the variables for Form States and Alerts (_formstates.scss)

TheBlueDog commented 9 years ago

Start with _alerts.scss.

The colors for alerts are picked up to match validation on forms. Issue #15 needs to be done before this one.

Assuming the pattern we are going to mimic is: http://esri.github.io/calcite-web/components/#alerts. Which I think this will need a little custom rules. So create a new _pagination-custom.scss file (remember to uncomment it in the build menu (calcite-custom.scss).

If you look inside bower_components > bootstrap-sass-official > assets > stylesheets > bootstrap > _alerts.scss you'll find the css that is being pulled in and be able to pick out what needs to be overwritten in the custom file.

julio8a commented 9 years ago

This was also completed with PR #72