Fixed interstitial stealing pointer events
This commit is contained in:
parent
809632a0bb
commit
d93b3b4905
17
index.html
17
index.html
|
@ -137,8 +137,8 @@ textarea {
|
||||||
}
|
}
|
||||||
|
|
||||||
#logo-interstitial {
|
#logo-interstitial {
|
||||||
background-repeat: no-repeat;
|
text-align: center;
|
||||||
background-position: center;
|
vertical-align: middle;
|
||||||
background-color: #FFF;
|
background-color: #FFF;
|
||||||
z-index: 200;
|
z-index: 200;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
@ -146,6 +146,13 @@ textarea {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
transition: opacity 1.5s ease-in-out;
|
transition: opacity 1.5s ease-in-out;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#logo-interstitial > img {
|
||||||
|
display: inline;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fade-out {
|
.fade-out {
|
||||||
|
@ -159,13 +166,14 @@ textarea {
|
||||||
.move-image { background-image: url('images/move-icon.png'); }
|
.move-image { background-image: url('images/move-icon.png'); }
|
||||||
.text-image { background-image: url('images/text-icon.png'); }
|
.text-image { background-image: url('images/text-icon.png'); }
|
||||||
.info-image { background-image: url('images/info-icon.png'); }
|
.info-image { background-image: url('images/info-icon.png'); }
|
||||||
.logo-image { background-image: url('images/logo-full.png'); }
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div id="logo-interstitial" class="logo-image"></div>
|
<div id="logo-interstitial">
|
||||||
|
<img src="images/logo-full.png"></img>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="draw-tools">
|
<div id="draw-tools">
|
||||||
<button id="box-button" class="tool active box-image"></button>
|
<button id="box-button" class="tool active box-image"></button>
|
||||||
|
@ -219,6 +227,7 @@ textarea {
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
window.setTimeout(function() { $('#logo-interstitial').addClass('fade-out'); }, 1000);
|
window.setTimeout(function() { $('#logo-interstitial').addClass('fade-out'); }, 1000);
|
||||||
|
window.setTimeout(function() { $('#logo-interstitial').visible(false); }, 3000);
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
Loading…
Reference in New Issue