Dialog backdrop template

[basham]

I'm wanting to implement modal behavior similar to http://pinterest.com, in which the rest of the app freezes in place and the modal becomes scrollable. However, I've yet to be able to fully duplicate the behavior given the scripted markup of the Dialog Provider.

<div class="modal"></div>
<div class="modal-backdrop"></div>

Could this markup be abstracted into a backdrop.html template? In such case, this is how I'd restructure the template for myself:

<div class="modal-backdrop">
  <div class="modal"></div>
</div>

[pkozlowski-opensource]

@basham I think that abstracting backdrop into its own template definitively makes sense, this would make it easier for people to customize things.

For now, could you check if configuring CSS classes, as described here:
https://github.com/angular-ui/bootstrap/blob/master/src/dialog/README.md
does the trick for you?

[basham]

@pkozlowski-opensource Unfortunately, no, altering the CSS classes won't work. The problem with that suggestion is the dialog backdrop events are bound to the instantiated backdropEl element, rather than searching for elements with a modal-backdrop class or providing a means to override the element. Short of severely hacking it, I can't make it work given the current implementation.

I'm thinking Dialog should load modal-backdrop.html, then determine the backdropEl and modalEl elements based on the backdropClass and dialogClass options.

[pkozlowski-opensource]

It will be handled in #441