sudoxreboot/habitica-self-host
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica-self-host.git synced 2026-07-14 10:12:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Have to use absolute positioning on .progress-text instead of float,

Browse source 
with bootstrap 2.1. upgrade bootstrap-responsive.styl
This commit is contained in:
Tyler Renelle 2012-08-23 23:53:13 -04:00
parent e4524e0958
commit a4cbe3886d
3 changed files with 640 additions and 413 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
styles/app/index.styl
View file

@ -118,13 +118,15 @@ li:hover .task-meta-controls .hover-show
#bars
width: 400px
.progress
position: relative
height: 25px
.bar
height: 25px
border: 1px solid black
.progress-text
float: right
margin: 5px
position: absolute
right: 5px
top: 3px
color: black
/* ----- Items, Weapons, Armor -----*/

1043
styles/bootstrap-responsive.styl vendored
View file

File diff suppressed because it is too large Load diff

4
views/app/index.html
View file

@ -32,18 +32,18 @@
</td>
<td id="bars">
<div class="progress progress-danger">
<span class="progress-text">HP: {round(_user.stats.hp)} / 50</span>
<div class="bar" style="width: {percent(_user.stats.hp, 50)}%;"></div>
<span class="progress-text">HP: {round(_user.stats.hp)} / 50</span>
</div>
<div class="progress progress-warning">
<div class="bar" style="width: {percent(_user.stats.exp,_user._tnl)}%;"></div>
<span class="progress-text">
{#if _user.history.exp}
<a x-bind=click:toggleChart data-toggle-id="exp-chart" data-history-path="_user.history.exp"><i class=icon-signal></i></a>&nbsp;
{/}
Exp: {round(_user.stats.exp)} / {_user._tnl}
</span>
<div class="bar" style="width: {percent(_user.stats.exp,_user._tnl)}%;"></div>
</div>
</td>
</tr>