Install and uninstall plugins with style

- Don't block the whole page when installing a plugin
- allow people to search and install other plugins meanwhile

Why? http://i.imgur.com/XoX6uYS.jpg
This commit is contained in:
Marcel Klehr 2013-03-26 15:11:30 +01:00
parent 981a33f01e
commit 638cea5fd6
4 changed files with 70 additions and 40 deletions

View file

@ -36,7 +36,6 @@ div.menu li:last-child {
div.innerwrapper {
padding: 15px;
margin-left: 265px;
position:relative; /* Allows us to position the loading indicator relative to this div */
}
#wrapper {
@ -137,23 +136,30 @@ td, th {
display: none;
}
#installed-plugins td>div {
position: relative;/* Allows us to position the loading indicator relative to this row */
display: inline-block; /*make this fill the whole cell*/
}
.progress {
position: absolute;
top: 0; left: 0; bottom:0; right:0;
padding: auto;
padding-top: 20%;
background: rgba(255,255,255,0.85);
background: rgba(255,255,255,0.95);
display: none;
/*border-radius: 7px;
border: 1px solid #ddd;*/
}
#search-progress.progress {
padding-top: 20%;
background: rgba(255,255,255,0.7);
}
.progress * {
display: block;
margin: 0 auto;
text-align: center;
color: #999;
color: #666;
}
.settings {