etan39
/
cloudstack
mirror of https://github.com/apache/cloudstack.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Loading for right panel

This commit is contained in:
NIKITA 2010-10-26 18:09:18 -07:00
parent d8f10ffa34
commit d7bf859d92
3 changed files with 31 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
ui/new/css/main.css
View File

@ -2375,17 +2375,20 @@ a:hover.search_button {
cursor:hand;
}
.rightpanel_mainloaderbox {
width:auto;
.rightpanel_mainloader_panel {
width:100%;
height:auto;
position:absolute;
top:30%;
left:40%;
background:#FFF;
border:1px solid #CCC;
margin:0;
float:left;
margin:10px 0 0 0;
padding:0;
}
.rightpanel_mainloaderbox {
width:134px;
height:22px;
background:url(../images/right_loadingbg.png) no-repeat top left;
margin:0 auto;
padding:0;
z-index:1008;
}
.rightpanel_mainloaderbox p{
@ -2393,18 +2396,18 @@ a:hover.search_button {
height:auto;
float:left;
color:#333;
font-size:16px;
font-size:12px;
font-weight:normal;
margin:15px 10px 0 10px;
margin:5px 10px 0 10px;
display:inline;
padding:0;
}
.rightpanel_mainloader_animatedicon {
width:40px;
height:40px;
width:16px;
height:16px;
float:left;
background:url(../images/big_loading.gif) no-repeat top left;
margin:3px 0 0 5px;
background:url(../images/leftmenu_loader.gif) no-repeat top left;
margin:3px 0 0 25px;
display:inline;
padding:0;
}
@ -2921,7 +2924,7 @@ a:hover.search_button {
.gridheader_loaderbox {
width:auto;
height:20px;
height:18px;
float:right;
position:absolute;
background:#99b2c3 url(../images/gridheader_loadingbg.gif) repeat-x top left;

BIN
ui/new/images/right_loadingbg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 982 B

21
ui/new/jsp/account.jsp
View File

@ -33,15 +33,11 @@
<%=t.t("Details")%></div>
</div>
<div id="tab_content_details">
<div class="grid_actionpanel">
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
display: none;">
<div class="gridheader_loader" id="icon">
</div>
<p id="description">
Detaching Disk &hellip;</p>
</div>
<div class="rightpanel_mainloader_panel">
<div class="rightpanel_mainloaderbox">
<div class="rightpanel_mainloader_animatedicon"></div>
<p>Loading &hellip;</p>
</div>
</div>
<div class="grid_container">
<div class="grid_header">
@ -53,6 +49,13 @@
</ul>
</div>
</div>
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
display: none;">
<div class="gridheader_loader" id="icon">
</div>
<p id="description">
Detaching Disk &hellip;</p>
</div>
</div>
<div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;">