BlockStorage/siadrive
Archived
1
0
Fork 0
Code Activity

Upload percentage

Browse Source
This commit is contained in:
Scott E. Graves
2017-02-18 22:06:50 -06:00
parent a782feefbe
commit 3c18bf8b69
7 changed files with 89 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
SiaDrive/SiaDrive.htm
View File

@@ -131,6 +131,45 @@
button:hover {
background-color: #858595;
}
.tooltip {
position: relative;
width: 99%;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 1s;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
</style>
</head>
<body id="CSiaDriveDlg" class="padded">
@@ -198,7 +237,7 @@
<div id="ID_Tab_Renter" style="display: none">
<h3>Renter Settings <a href="javascript:void(0)" id="ID_Renter_Edit">edit</a></h3>
<table>
<table width="inherit">
<tr>
<td style="text-align: right">Total Funding:</td>
<td id="ID_Renter_AllocatedFunds"></td>
@@ -213,7 +252,11 @@
<td style="text-align: right">Host Count:</td>
<td id="ID_Renter_HostCount"></td>
</tr>
<tr><td><br/></td></tr>
<tr>
<td>
<br />
</td>
</tr>
<tr>
<td style="text-align: right">Total GB:</td>
<td id="ID_Renter_EstimatedSpace"></td>
@@ -236,6 +279,11 @@
<td id="ID_Renter_EstimatedUploadCost"></td>
</tr>
</table>
<div class="tooltip" id="ID_Progress" style="display: none;">
<progress style="width: 100%; margin: 0; padding: 0;" id="ID_UploadProgress" value="100" max="100">
</progress>
<span class="tooltiptext" id="ID_UploadProgressTooltip"></span>
</div>
</div>
<div id="ID_TabWindow" style="display: none">
@@ -262,7 +310,7 @@
<div class="footer">
<table class="fill">
<tr>
<td style="width: 70px;text-align: left"><b>Height:</b></td>
<td style="width: 70px; text-align: left"><b>Height:</b></td>
<td id="ID_BlockHeight">...</td>
<td style="text-align: right; vertical-align: bottom">
<button style="width: 100px" id="ButtonOK">OK</button>