bug: Still No Backdrop Shades In Modals

[vladipus]

Type: bug

Platform: desktop browser

My previous submission #3067 was closed due to inactiviy, but the bug is still there...

On small, non-tablet displays the dialog just occupies the whole space. However, I'm more interested in this to work correctly (with the backdrop): http://codepen.io/anandvj/pen/KwmMGY
If you minify the viewport during the image view, the backdrop is just gone.

[mhartington]

You just need to target the backdrop with some css, which is whats being done on larger screens.

.active .modal-backdrop-bg {
  opacity: .5;
}

.modal-backdrop-bg {
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
  background-color: #000;
  opacity: 0;
}

http://codepen.io/mhartington/pen/OVpNEa