SAAS-1022: Re-implement disk quota status on side nav bar

Layout tweak
This commit is contained in:
drigato 2015-08-21 10:06:40 -04:00
parent 38d9963a8d
commit 6f0b7f6d32
2 changed files with 12 additions and 10 deletions

View file

@ -96,13 +96,15 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
$used = $disk->totalSpace-$disk->totalFreeSpace; $used = $disk->totalSpace-$disk->totalFreeSpace;
$total = $disk->totalSpace; $total = $disk->totalSpace;
?> ?>
<div id="disk_usage"> <div id="disk_usage" style="height: 13px; position:fixed; bottom: 5px; left: 10px;">
<div style="padding-bottom: 2px;">Disk Usage</div> <!--<div style="padding-bottom: 2px;">Disk Usage</div>-->
<div class="disk_usage_progress_bar"></div> <div class="disk_usage_progress_bar"></div>
<div class="disk_usage_percent_in_use"><?php echo sprintf("%01.1f%% ", $used/$total*100) . _("in use") ?></div> <div class="disk_usage_percent_in_use"><?php echo sprintf("%01.1fGB of %01.1fGB", $used/pow(2, 30), $total/pow(2, 30)); ?></div>
<div class="disk_usage_used" style="width:<?php echo sprintf("%01.1f%%", $used/$total*100) ?>;"></div> <div class="disk_usage_used" style="width:<?php echo sprintf("%01.1f%%", $used/$total*100) ?>;"></div>
<div style="margin-top: 15px; font-size: 12px;"><?php echo sprintf("%01.1fGB of %01.1fGB", $used/pow(2, 30), $total/pow(2, 30)); ?></div> <!--<div style="margin-top: 15px; font-size: 12px;">
<?php //echo sprintf("%01.1fGB of %01.1fGB", $used/pow(2, 30), $total/pow(2, 30)); ?>
</div>-->
</div> </div>

View file

@ -3656,20 +3656,20 @@ hr {
#disk_usage { #disk_usage {
border-radius: 1px; border-radius: 1px;
position: fixed; /*position: fixed;
width: 120px; bottom: 5px;
left: 10px;*/
width: 118px;
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
bottom: 5px; padding: 5px 5px;
left: 10px;
padding: 3px 5px;
background-color: #242424; background-color: #242424;
border: 1px solid #5b5b5b; border: 1px solid #5b5b5b;
color: #ccc; color: #ccc;
} }
.disk_usage_progress_bar { .disk_usage_progress_bar {
width:120px; width:118px;
height:13px; height:13px;
background:#444444; background:#444444;
background: -moz-linear-gradient(top, #464646 0, #3e3e3e 100%); background: -moz-linear-gradient(top, #464646 0, #3e3e3e 100%);