fixed line-height issue in Chrome and Firefox

This commit is contained in:
Justine Arreche 2014-12-09 09:49:59 +01:00
parent ae00085f88
commit ce3ef8f7d2
2 changed files with 8 additions and 31 deletions
assets
scripts/app/templates/builds
styles/main

View File

@ -27,14 +27,14 @@
{{/if}}
<div class="commit-changes">
<div class="text"><a class="commit" {{bind-attr href="controller.urlGithubCommit"}}>Commit {{formatSha commit.sha}}</a></div>
<a class="commit" {{bind-attr href="controller.urlGithubCommit"}}>Commit {{formatSha commit.sha}}</a>
</div>
<div class="commit-changes">
{{#if build.pullRequest}}
<div class="text"><a class="compare" {{bind-attr href="build.commit.compareUrl"}}>#{{build.pullRequestNumber}}: {{build.pullRequestTitle}}</a></div>
<a class="compare" {{bind-attr href="build.commit.compareUrl"}}>#{{build.pullRequestNumber}}: {{build.pullRequestTitle}}</a>
{{else}}
{{#if build.commit.compareUrl}}
<div class="text"><a class="compare" {{bind-attr href="build.commit.compareUrl"}}>Compare {{shortCompareShas build.commit.compareUrl}}</a></div>
<a class="compare" {{bind-attr href="build.commit.compareUrl"}}>Compare {{shortCompareShas build.commit.compareUrl}}</a>
{{/if}}
{{/if}}
</div>

View File

@ -96,40 +96,16 @@
font-size: 13px
display: block
width: 100%
height: 20px
text-align: left
line-height: 23px
margin-left: 12px
.commit-changes
text-align: left
text-decoration: underline
width: inherit
div
display: inline
clear: none
a
text-overflow: ellipsis
white-space: nowrap
overflow: hidden
display: inline-block
max-width: 175px
.commit-changes
background: inline-image('icons/github.svg') left center no-repeat
background-size: 13px 13px
text-align: left
text-decoration: underline
width: inherit
font-size: 13px
margin-left: 12px
padding-left: 20px
line-height: 20px
margin-left: 12px
.commit-changes
div
display: inline
clear: none
height: 20px
a
text-overflow: ellipsis
@ -137,6 +113,7 @@
overflow: hidden
display: inline-block
max-width: 175px
line-height: 20px
.right
margin-top: 10px