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

View File

@ -27,14 +27,14 @@
{{/if}} {{/if}}
<div class="commit-changes"> <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>
<div class="commit-changes"> <div class="commit-changes">
{{#if build.pullRequest}} {{#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}} {{else}}
{{#if build.commit.compareUrl}} {{#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}}
{{/if}} {{/if}}
</div> </div>

View File

@ -96,40 +96,16 @@
font-size: 13px font-size: 13px
display: block display: block
width: 100% width: 100%
height: 20px
text-align: left 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 line-height: 20px
margin-left: 12px
.commit-changes
div div
display: inline display: inline
clear: none clear: none
height: 20px
a a
text-overflow: ellipsis text-overflow: ellipsis
@ -137,6 +113,7 @@
overflow: hidden overflow: hidden
display: inline-block display: inline-block
max-width: 175px max-width: 175px
line-height: 20px
.right .right
margin-top: 10px margin-top: 10px