some minor styling updates to season gird.

pull/6/head
kay.one 13 years ago
parent 9721738bec
commit 1571e8ab0b

@ -1,9 +1,4 @@
using System; using System.Collections.Generic;
using System.Collections.Generic;
using System.ComponentModel;
using System.Web;
using NzbDrone.Core.Model;
using NzbDrone.Core.Repository;
namespace NzbDrone.Web.Models namespace NzbDrone.Web.Models
{ {

@ -63,7 +63,8 @@
margin-right: auto; margin-right: auto;
} }
.seriesTable { .seriesTable
{
width: 100%; width: 100%;
border-width: 1px; border-width: 1px;
border-spacing: 2px; border-spacing: 2px;
@ -72,32 +73,50 @@
border-collapse: collapse; border-collapse: collapse;
} }
.seriesTable th { .seriesTable th
border-width: 1px; {
font-family: "Segoe UI Light" , "Open Sans" , "Segoe UI" , sans-serif;
border-width: 300;
font-size: 17px;
padding: 2px; padding: 2px;
border-style: inset; border-style: inset;
border-color: #EEEEEE; border-color: #EEEEEE;
padding-left: 7px; padding-left: 7px;
text-align: left; text-align: left;
background-color: white; background-color: white;
font-weight: lighter;
} }
.seriesTable td { .seriesTable td
{
border-width: 1px; border-width: 1px;
padding: 0px 0.6em 0 7px; padding: 0px 0.6em 0 7px;
border-style: inset; border-style: inset;
border-color: #EEEEEE; border-color: #EEEEEE;
} }
.detail-view { .detail-view
{
display: none; display: none;
} }
.seasonSection
{
margin-top: 50px;
}
/* Colour alternating rows */ /* Colour alternating rows */
.seriesTable tr:nth-child(4n) {background: #E5ECF9} .seriesTable tr:nth-child(4n)
.seriesTable tr:nth-child(4n+1) {background: #E5ECF9} {
background: #f0f5ff;
}
.seriesTable tr:nth-child(4n+1)
{
background: #f0f5ff;
}
</style> </style>
@section ActionMenu{ @section ActionMenu
{
<ul class="sub-menu"> <ul class="sub-menu">
<li>@Ajax.ActionLink("Scan Disk", "ScanDisk", "Command", new { seriesId = Model.SeriesId }, null)</li> <li>@Ajax.ActionLink("Scan Disk", "ScanDisk", "Command", new { seriesId = Model.SeriesId }, null)</li>
<li>@Ajax.ActionLink("Update Info", "UpdateInfo", "Command", new { seriesId = Model.SeriesId }, null)</li> <li>@Ajax.ActionLink("Update Info", "UpdateInfo", "Command", new { seriesId = Model.SeriesId }, null)</li>
@ -124,15 +143,19 @@
<img src='../../Content/Images/@(season.AnyWanted ? "notIgnored" : "ignored").png' <img src='../../Content/Images/@(season.AnyWanted ? "notIgnored" : "ignored").png'
class='ignoredEpisodesMaster ignoreEpisode @ignoreSeason @(season.AnyWanted ? "" : "ignored")' class='ignoredEpisodesMaster ignoreEpisode @ignoreSeason @(season.AnyWanted ? "" : "ignored")'
title='Click to toggle season ignore status' /> title='Click to toggle season ignore status' />
<span class="seasonToggleLabel">@(season.SeasonNumber == 0 ? "Specials" : "Season " + season.SeasonNumber)</span> <a href="@string.Format("#SeasonSection_{0}", season.SeasonNumber)" class="seasonToggleLabel">@(season.SeasonNumber == 0 ? "Specials" : "Season " + season.SeasonNumber)</a>
</div> </div>
} }
</div> </div>
@foreach (var s in Model.Seasons.OrderByDescending(a => a.SeasonNumber)) @foreach (var s in Model.Seasons.OrderByDescending(a => a.SeasonNumber))
{ {
<div class="seasonSection" id="@string.Format("SeasonSection_{0}", s.SeasonNumber)">
@{
var season = s; var season = s;
Html.RenderPartial("Season", season); Html.RenderPartial("Season", season);
} }
</div>
}
@section Scripts{ @section Scripts{
@Html.IncludeScript("NzbDrone/seriesDetails.js") @Html.IncludeScript("NzbDrone/seriesDetails.js")
<script type="text/javascript"> <script type="text/javascript">

@ -1,20 +1,20 @@
@using NzbDrone.Web.Helpers @using NzbDrone.Web.Helpers
@model NzbDrone.Web.Models.SeasonModel @model NzbDrone.Web.Models.SeasonModel
<h2> <h1>
@(Model.SeasonNumber == 0 ? "Specials" : "Season " + Model.SeasonNumber) @(Model.SeasonNumber == 0 ? "Specials" : "Season " + Model.SeasonNumber)
</h2> </h1>
<table class="seriesTable"> <table class="seriesTable">
<colgroup> <colgroup>
<col style="width:80px" /> <col style="width:40px"/>
<col> <col/>
<col style="width:100px" /> <col style="width:100px" />
<col style="width:100px" /> <col style="width:100px" />
<col style="width:110px" /> <col style="width:110px" />
</colgroup> </colgroup>
<tr> <tr>
<th>Episode #</th> <th>#</th>
<th>Title</th> <th>Title</th>
<th>Air Date</th> <th>Air Date</th>
<th>Quality</th> <th>Quality</th>
@ -27,7 +27,6 @@
@Ajax.ImageActionLink("../../Content/Images/Rename.png", new { Alt = "Rename", Title = "Rename all episodes in this season", @class = "renameImage renameImageMaster" }, "RenameSeason", "Episode", new { SeriesId = Model.SeriesId, SeasonNumber = Model.SeasonNumber }, null, null) @Ajax.ImageActionLink("../../Content/Images/Rename.png", new { Alt = "Rename", Title = "Rename all episodes in this season", @class = "renameImage renameImageMaster" }, "RenameSeason", "Episode", new { SeriesId = Model.SeriesId, SeasonNumber = Model.SeasonNumber }, null, null)
</th> </th>
</tr> </tr>
@foreach (var episode in Model.Episodes) @foreach (var episode in Model.Episodes)
{ {
Html.RenderPartial("Episode", episode); Html.RenderPartial("Episode", episode);

Loading…
Cancel
Save