episode grid is lining up properly.

This commit is contained in:
kay.one 2013-05-20 14:42:20 -07:00
parent 8528bb1301
commit c6933f0228
3 changed files with 31 additions and 12 deletions

View File

@ -3,6 +3,8 @@
define(['app', 'Episode/Layout'], function () { define(['app', 'Episode/Layout'], function () {
NzbDrone.Series.Details.EpisodeStatusCell = Backgrid.Cell.extend({ NzbDrone.Series.Details.EpisodeStatusCell = Backgrid.Cell.extend({
className: 'episode-status-cell',
events: { events: {
'click': 'showDetails' 'click': 'showDetails'
}, },

View File

@ -12,7 +12,9 @@ define(['app', 'Series/Details/EpisodeStatusCell'], function () {
{ {
name : 'episodeNumber', name : 'episodeNumber',
label: '#', label: '#',
cell : 'integer' cell : Backgrid.IntegerCell.extend({
className: 'episode-number-cell'
})
}, },
{ {
@ -23,8 +25,9 @@ define(['app', 'Series/Details/EpisodeStatusCell'], function () {
{ {
name : 'airDate', name : 'airDate',
label: 'Air Date', label: 'Air Date',
cell : 'date' cell : Backgrid.DateCell.extend({
//formatter: new Backgrid.AirDateFormatter() className: 'episode-air-date-cell'
})
} , } ,
{ {
name : 'status', name : 'status',

View File

@ -41,12 +41,12 @@
} }
.title { .title {
position:absolute; position: absolute;
left:-10000px; left: -10000px;
top:auto; top: auto;
width:1px; width: 1px;
height:1px; height: 1px;
overflow:hidden; overflow: hidden;
} }
.labels { .labels {
@ -69,6 +69,7 @@
} }
.series-season { .series-season {
padding-bottom: 20px; padding-bottom: 20px;
} }
} }
@ -78,8 +79,8 @@
display: inline-block; display: inline-block;
.ended-banner { .ended-banner {
color: #EEEEEE; color: #eeeeee;
background-color: #B94A48; background-color: #b94a48;
-moz-box-shadow: 2px 2px 20px #888888; -moz-box-shadow: 2px 2px 20px #888888;
-moz-transform: rotate(45deg); -moz-transform: rotate(45deg);
-moz-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%;
@ -97,7 +98,7 @@
position: absolute;; position: absolute;;
top: 0px; top: 0px;
overflow: hidden; overflow: hidden;
background-color: #EEEEEE; background-color: #eeeeee;
width: 100%; width: 100%;
text-align: right; text-align: right;
padding-right: 20px; padding-right: 20px;
@ -106,3 +107,16 @@
} }
} }
} }
.series-season {
.episode-number-cell {
width: 20px;
}
.episode-air-date-cell {
width: 150px;
}
.episode-status-cell {
width: 100px;
}
}