JSFiddle - React, Tailwind, and code Playground

by mynameisdonald

HTML

<div class="addAddressDialog"></div>
<div class="overlay"></div>

CSS

html, body{ width:100%; height:100%;}
.overlay{
    position:fixed;
    width:100%;
    height:100%;
    _min-height:100%;
    top:0;
    left:0;
    background-color:#000000;
    z-index:3000;
    filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity:0.6;
}
.addAddressDialog{
    background:#fff;    
    width: 200px; 
    height: 150px; 
    border: 1px solid #d6d6d6; 
    position: absolute; 
    top:50%; 
    left:50%;
    margin:-75px; 0 0 -100px;
}

JavaScript

$('.overlay').css("height",$(document).height());

$(".addAddressDialog").append("<span> Thank you </span>").delay(5000).queue(function(next){
                                $('.addAddressDialog, .overlay').fadeOut('fast',function(){$(this).remove()});                                
                            });