Remove progress bar and fade on hiding file menu

Progress bar removed as it's not accurate or indicative of amount
loaded/progress
Call hideFileMenu instead of manually setting display, so now we have
fade effect
Add opacity transition of 0.15s
This commit is contained in:
Matt Pass
2013-06-05 17:11:03 +01:00
parent eaf39661ba
commit 71f82251f6
2 changed files with 7 additions and 14 deletions

View File

@@ -55,16 +55,6 @@ h2 {font-size: 18px; font-weight: normal; color: #fff}
100% {-webkit-transform:rotate(-360deg)}
}
.progressBar {position:absolute; top: 0; left: 0; width:100%; height:1px; margin:2px 0; background:#2187e7; box-shadow:0 0 10px 1px rgba(0,198,255,0.7)}
@-moz-keyframes fullexpand {
0% {width:0}
100%{width:100%}
}
@-webkit-keyframes fullexpand {
0% {width:0}
100%{width:100%}
}
.header {position: absolute; display: inline-block; top: 0; left: 0; width: 100%; height: 40px; background-color: #fff; text-align: right; z-index: 2}
.header .tools {position: absolute; display: inline-block; left: 15px; top: 3px}
.header .plugins {position: absolute; display: inline-block; left: 55px; top: 3px}
@@ -160,7 +150,11 @@ h2 {font-size: 18px; font-weight: normal; color: #fff}
.textbox {box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.4)}
.fileMenu {position: absolute; display: none; left: 0; top: 0; background-color: #333; z-index: 10}
.fileMenu {position: absolute; display: none; left: 0; top: 0; background-color: #333; z-index: 10;
-webkit-transition: opacity 0.15s;
-moz-transition: opacity 0.15s;
transition: opacity 0.15s;
}
.fileMenu a {display: block; padding: 2px 5px; background-color: #333; color: #eee; text-decoration: none}
.fileMenu a:hover {background-color: #666}