suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix underline issue with status icons in links

Browse Source
This commit is contained in:
Sven Fuchs 2012-09-19 14:47:42 +02:00
parent e4fc61b562
commit ab52e15ab1
8 changed files with 66 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
assets/javascripts/app/templates/builds/list.hbs
View File

@ -15,6 +15,7 @@
{{#view Travis.BuildsItemView contextBinding="build"}}
<tr {{bindAttr class="view.color"}}>
<td class="number">
<span class="status"></span>
<a {{bindAttr href="view.urlBuild"}} {{action route}}>
{{number}}
</a>

2
assets/javascripts/app/templates/builds/show.hbs
View File

@ -5,8 +5,8 @@
<div class="left">
<dt>{{t builds.name}}</dt>
<dd class="number">
<span class="status"></span>
<a {{bindAttr href="urlBuild"}} {{action route}}>
<span class="status"></span>
{{build.number}}
</a>
</dd>

2
assets/javascripts/app/templates/jobs/list.hbs
View File

@ -22,8 +22,8 @@
{{#each job in view.jobs}}
{{#view Travis.JobsItemView contextBinding="job"}}
<td class="number">
<span class="status"></span>
<a {{bindAttr href="view.urlJob"}} {{action route}}>
<span class="status"></span>
{{number}}
</a>
</td>

6
assets/javascripts/app/templates/repos/list.hbs
View File

@ -10,10 +10,10 @@
{{#collection Travis.RepositoriesListView contentBinding="controller"}}
{{#with view.repository}}
<div class="heading">
<a {{bindAttr href="view.urlRepository"}} {{action route}} class="slug">
<div class="slug-and-status">
<span class="status"></span>
{{slug}}
</a>
<a {{bindAttr href="view.urlRepository"}} {{action route}} class="slug">{{slug}}</a>
</div>
<a {{bindAttr href="view.urlLastBuild"}} {{action route}} class="last_build">{{lastBuildNumber}}</a>
</div>

8
assets/stylesheets/left/list.sass
View File

@ -25,12 +25,12 @@
display: table
width: 100%
.slug
.slug-and-status
display: table-cell
white-space: nowrap
overflow: hidden
text-overflow: ellipsis
max-width: 150px
max-width: 190px
.last_build
display: table-cell
@ -38,7 +38,11 @@
font-size: $font-size-big
.summary
width: 100%
margin: 5px -5px 0 17px
white-space: nowrap
overflow: hidden
text-overflow: ellipsis
color: $color-text-light
font-size: $font-size-small

21
assets/stylesheets/status.sass
View File

@ -7,23 +7,26 @@
margin-right: 2px
@include border-radius(5px)
#repositories a,
.number a
color: $color-text-status-pending
#repositories,
.number
.status
background-color: $color-bg-status-pending
a
color: $color-text-status-pending
#repositories .green a,
.green .number a
color: $color-text-status-passed
#repositories .green,
.green .number
.status
background-color: $color-bg-status-passed
a
color: $color-text-status-passed
#repositories .red a,
.red .number a
color: $color-text-status-failed
#repositories .red,
.red .number
.status
background-color: $color-bg-status-failed
a
color: $color-text-status-failed
table.list
tbody

2
public/javascripts/application.js
View File

File diff suppressed because one or more lines are too long

78
public/stylesheets/application.css
View File

@ -2403,13 +2403,13 @@ body > div {
width: 100%;
}
/* line 28, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
#accounts li .slug,
#repositories li .slug {
#accounts li .slug-and-status,
#repositories li .slug-and-status {
display: table-cell;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 150px;
max-width: 190px;
}
/* line 35, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
#accounts li .last_build,
@ -2421,11 +2421,15 @@ body > div {
/* line 40, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
#accounts li .summary,
#repositories li .summary {
width: 100%;
margin: 5px -5px 0 17px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #999999;
font-size: 12px;
}
/* line 45, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
/* line 49, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
#accounts li .info,
#repositories li .info {
overflow: hidden;
@ -2435,7 +2439,7 @@ body > div {
color: #7f7f75;
display: none;
}
/* line 52, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
/* line 56, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
#accounts li .info p,
#repositories li .info p {
margin: 0 -10px 0 -10px;
@ -2444,12 +2448,12 @@ body > div {
-moz-box-shadow: #bab9a7 0 1px 8px 0 inset;
box-shadow: #bab9a7 0 1px 8px 0 inset;
}
/* line 57, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
/* line 61, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
#accounts li .indicator,
#repositories li .indicator {
display: none;
}
/* line 60, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
/* line 64, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
#accounts li.selected .indicator,
#repositories li.selected .indicator {
display: block;
@ -2461,7 +2465,7 @@ body > div {
background-repeat: no-repeat;
background-position: -2px -2px;
}
/* line 70, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
/* line 74, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
#accounts .loading,
#repositories .loading {
padding: 15px 25px 15px 30px;
@ -2469,17 +2473,17 @@ body > div {
background-image: none;
}
/* line 76, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
/* line 80, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
#accounts li {
margin-left: -4px;
padding-left: 52px;
}
/* line 79, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
/* line 83, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
#accounts li.user {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAMAAACOacfrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjNGNDlENDhGMkU2MTFFMUE0MzM5QThDQUQ3MDI4RTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjNGNDlENDlGMkU2MTFFMUE0MzM5QThDQUQ3MDI4RTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGM0Y0OUQ0NkYyRTYxMUUxQTQzMzlBOENBRDcwMjhFMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGM0Y0OUQ0N0YyRTYxMUUxQTQzMzlBOENBRDcwMjhFMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgMNNIUAAABLUExURX9/f4eHh4WFhZCQkPLy8oiIiNra2vDw8LGxsf7+/sLCwvb29oCAgI+Pj5mZmdXV1ba2toODg52dnfPz87i4uN3d3aGhod/f3////yHAc80AAAAZdFJOU////////////////////////////////wABNAq3AAAAV0lEQVR42lTM2Q6AIAxE0YGCsuMu//+llqREvckkPS9F42pec+0HeJEAUBQZzdJGNP+lWHYXtYV1jC8tsILIT4VVJt91Xwm9tJ0NDm8O9iML0mqk6RFgAMVgBry2iJEPAAAAAElFTkSuQmCC');
background-position: 29px 17px;
}
/* line 82, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
/* line 86, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/left/list.sass */
#accounts li.org {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAOCAMAAAAc7xz/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0FEOEI1NUVGMkFDMTFFMTk0NjlDMDYzRjA5MDk2N0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0FEOEI1NUZGMkFDMTFFMTk0NjlDMDYzRjA5MDk2N0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QUQ4QjU1Q0YyQUMxMUUxOTQ2OUMwNjNGMDkwOTY3QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QUQ4QjU1REYyQUMxMUUxOTQ2OUMwNjNGMDkwOTY3QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsEVpaAAAACiUExURX9/f4WFhZaWluLi4vDw8IqKisfHx8/Pz/7+/pOTk8jIyOXl5aysrL6+voaGhsPDw7W1tfHx8fb29uTk5L29vdjY2KWlpfn5+f39/cXFxbi4uKioqJCQkKOjo4+Pj93d3ZycnNDQ0N7e3oCAgJ+fn5GRkZqamtnZ2dvb29fX18vLy+7u7piYmKKiop2dnZubm9HR0eDg4KGhoe3t7aSkpP///9cCsuEAAAA2dFJOU///////////////////////////////////////////////////////////////////////AKGPTjEAAACtSURBVHjaVM7nFoIwDAXgi0W2gsoW3HuvvP+rmUjx6P3RnHxtTwLSGaSGkQ7aDnKYpkMBOAE5ptlyDJTkCrtUArHmCuhSR7hDXaDSPGF21s1r5onmGXCilfBDPl00L4At7YSntAfuDWce0BsehZ/DHmBlzLktw85+KBz69ZIH2znG3G3mnztZ5XC7chFElLzwTZ1EUrzCUn38pK+swpNNFP6i9IIj4y8jprcAAwCY3RhR7P84QQAAAABJRU5ErkJggg==');
}
@ -6050,69 +6054,69 @@ pre#log .fold.open {
border-radius: 5px;
}
/* line 10, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
/* line 12, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
#repositories .status,
.number .status {
background-color: #e7d100;
}
/* line 14, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
#repositories a,
.number a {
color: #666666;
}
/* line 13, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
#repositories a .status,
.number a .status {
background-color: #e7d100;
}
/* line 16, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
/* line 19, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
#repositories .green .status,
.green .number .status {
background-color: #3fa632;
}
/* line 21, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
#repositories .green a,
.green .number a {
color: #108100;
}
/* line 19, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
#repositories .green a .status,
.green .number a .status {
background-color: #3fa632;
}
/* line 22, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
/* line 26, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
#repositories .red .status,
.red .number .status {
background-color: #cc3d3d;
}
/* line 28, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
#repositories .red a,
.red .number a {
color: #cc0000;
}
/* line 25, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
#repositories .red a .status,
.red .number a .status {
background-color: #cc3d3d;
}
/* line 30, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
/* line 33, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
table.list tbody td {
cursor: pointer;
background-color: #fffcf4;
}
/* line 33, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
/* line 36, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
table.list tbody tr:hover td {
background-color: #ffffe1;
}
/* line 37, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
/* line 40, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
table.list .green td {
background-color: #fafffa;
}
/* line 39, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
/* line 42, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
table.list .green:hover td {
background-color: #dcffdc;
}
/* line 41, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
/* line 44, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
table.list .green .number a {
color: #108100;
}
/* line 45, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
/* line 48, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
table.list .red td {
background-color: snow;
}
/* line 47, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
/* line 50, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
table.list .red:hover td {
background-color: #ffdcdc;
}
/* line 49, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
/* line 52, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/status.sass */
table.list .red .number a {
color: #cc0000;
}