status-im/burnchart
2
0
Fork 0
mirror of https://github.com/status-im/burnchart.git synced 2025-02-10 09:26:20 +00:00
Code Issues Projects Releases Wiki Activity

make title overflow

Browse Source
This commit is contained in:
Radek Stepan 2014-10-27 22:01:46 -06:00
parent bc7a6b07e3
commit c9c9727e7e
2 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/styles/app.styl
View File

@ -166,23 +166,31 @@ ul
#title #title
border-bottom: 3px solid #F3F4F8 border-bottom: 3px solid #F3F4F8
white-space: nowrap
line-height: 52px // outer height of tallest element
margin-top: 20px
.title .title
white-space: nowrap float: left
border-bottom: 3px solid #AAAFBF border-bottom: 3px solid #AAAFBF
margin: 30px 0 -3px 0 margin-bottom: -3px
padding-bottom: 20px
.sub .sub
white-space: nowrap float: left
font-size: 16px font-size: 16px
font-weight: bold font-weight: bold
margin: 0 20px padding: 0 20px
.description .description
overflow: hidden
font-family: $serif_font font-family: $serif_font
color: #B1B6C4 color: #B1B6C4
&:after
display: block
clear: both
content: ""
#page #page
padding-bottom: 80px // height of the footer padding-bottom: 80px // height of the footer

10
src/templates/pages/milestone.html
View File

@ -2,13 +2,9 @@
<div intro="fade"> <div intro="fade">
<div id="title"> <div id="title">
<div class="wrap"> <div class="wrap">
<table> <h2 class="title">{{ format.title(milestone.title) }}</h2>
<tr> <span class="sub">{{{ format.due(milestone.due_on) }}}</span>
<td><h2 class="title">{{ format.title(milestone.title) }}</h2></td> <div class="description">{{{ format.markdown(milestone.description) }}}</div>
<td><span class="sub">{{{ format.due(milestone.due_on) }}}</span></td>
<td><div class="description">{{{ format.markdown(milestone.description) }}}</div></td>
</tr>
</table>
</div> </div>
</div> </div>