Grid fixes.

Moved grid CSS to Grid.css.
pull/4/head
Mark McDowall 13 years ago
parent b9d227d162
commit c7c56f5ab8

@ -2,8 +2,9 @@
{
width: 18px;
height: 18px;
padding: 1px;
margin: 2px;
padding: 3px 1px;
margin: 0px;
vertical-align: middle;
}
.searchImage:hover, .renameImage:hover, .ignoreEpisode:hover, .ignoreEpisodesMaster:hover
@ -11,6 +12,67 @@
background-color: #065EFE;
}
/* Custom Grid */
.seriesTable
{
width: 100%;
border-width: 1px;
border-spacing: 2px;
border-style: none;
border-color: white;
border-collapse: collapse;
}
.seriesTable th
{
font-family: "Segoe UI Light" , "Open Sans" , "Segoe UI" , sans-serif;
border-width: 300;
font-size: 17px;
padding: 2px;
border-style: none;
border-color: #EEEEEE;
padding-left: 7px;
text-align: left;
background-color: white;
font-weight: lighter;
}
.seriesTable td
{
border-width: 1px;
padding: 0px 8px 0px 8px;
border-style: inset;
border-color: #EEEEEE;
}
.detail-row
{
display: none;
}
/* Colour alternating rows */
.seriesTable tr:nth-child(4n)
{
background: #f0f5ff;
}
.seriesTable tr:nth-child(4n+1)
{
background: #f0f5ff;
}
/* Episode Grid Row Colouring */
.episodeIgnored
{
background-color: #F2F5A9;
}
.episodeMissing
{
background-color: #F5A9A9;
}
/* Telerik Grid */
.t-grid td
{
line-height: 0.6em;

@ -268,62 +268,3 @@ button span, input[type="button"] span, input[type="submit"] span, input[type="r
color: rgb(169, 169, 169);
padding: 4px;
}
/* Episode Grid Row Colouring */
.episodeIgnored
{
background-color: #F2F5A9;
}
.episodeMissing
{
background-color: #F5A9A9;
}
.seriesTable
{
width: 100%;
border-width: 1px;
border-spacing: 2px;
border-style: none;
border-color: white;
border-collapse: collapse;
}
.seriesTable th
{
font-family: "Segoe UI Light" , "Open Sans" , "Segoe UI" , sans-serif;
border-width: 300;
font-size: 17px;
padding: 2px;
border-style: none;
border-color: #EEEEEE;
padding-left: 7px;
text-align: left;
background-color: white;
font-weight: lighter;
}
.seriesTable td
{
border-width: 1px;
padding: 0px 8px 0px 8px;
border-style: inset;
border-color: #EEEEEE;
}
.detail-view
{
display: none;
}
/* Colour alternating rows */
.seriesTable tr:nth-child(4n)
{
background: #f0f5ff;
}
.seriesTable tr:nth-child(4n+1)
{
background: #f0f5ff;
}

@ -6,8 +6,8 @@ $('.seriesTable a').live('click', function (event) {
event.stopPropegation();
});
$('.seriesTable tr td:not(:last-child)').live('click', function () {
$(this).parent('tr').next('.detail-view').toggle();
$('.seriesTable .data-row td:not(:last-child)').live('click', function () {
$(this).parent('tr').next('.detail-row').toggle();
});
function grid_onError(e) {

@ -39,20 +39,6 @@
border-style: none;
}
.statusImage, .searchImage, .renameImage, .ignoreEpisode, .ignoreEpisodesMaster
{
width: 18px;
height: 18px;
padding: 3px 1px;
margin: 0px;
vertical-align: middle;
}
.searchImage:hover, .renameImage:hover, .ignoreEpisode:hover, .ignoreEpisodesMaster:hover
{
background-color: #065EFE;
}
#banner-container
{
width: 758px;
@ -64,57 +50,10 @@
margin-right: auto;
}
.seriesTable
{
width: 100%;
border-width: 1px;
border-spacing: 2px;
border-style: none;
border-color: white;
border-collapse: collapse;
}
.seriesTable th
{
font-family: "Segoe UI Light" , "Open Sans" , "Segoe UI" , sans-serif;
border-width: 300;
font-size: 17px;
padding: 2px;
border-style: inset;
border-color: #EEEEEE;
padding-left: 7px;
text-align: left;
background-color: white;
font-weight: lighter;
}
.seriesTable td
{
border-width: 1px;
padding: 0px 8px 0px 8px;
border-style: inset;
border-color: #EEEEEE;
}
.detail-view
{
display: none;
}
.seasonSection
{
margin-top: 50px;
}
/* Colour alternating rows */
.seriesTable tr:nth-child(4n)
{
background: #f0f5ff;
}
.seriesTable tr:nth-child(4n+1)
{
background: #f0f5ff;
}
</style>
@section ActionMenu
{
@ -157,7 +96,6 @@
}
@section Scripts{
@Html.IncludeScript("NzbDrone/seriesDetails.js")
@Html.IncludeScript("NzbDrone/grid.js")
<script type="text/javascript">
seriesId = @Model.SeriesId;
</script>

@ -1,7 +1,7 @@
@using NzbDrone.Web.Helpers
@model NzbDrone.Web.Models.EpisodeModel
<tr class="@Model.EpisodeId">
<tr class="@Model.EpisodeId data-row">
<td>@Model.EpisodeNumber</td>
<td>@Model.Title</td>
<td>@Model.AirDate</td>
@ -29,7 +29,7 @@
@Ajax.ImageActionLink("../../Content/Images/Rename.png", new { Alt = "Rename", Title = "Rename episode", @class = "renameImage" }, "Rename", "Episode", new { EpisodeFileId = Model.EpisodeFileId }, null, null)
</td>
</tr>
<tr class="detail-view">
<tr class="detail-row">
<td colspan="5">
@Model.Overview <br />
<b>@Model.Path</b>

@ -7,6 +7,7 @@
@section HeaderContent
{
@Html.IncludeCss("Settings.css")
@Html.IncludeCss("Grid.css")
}
<style>
.ui-progressbar

@ -1,7 +1,7 @@
@using NzbDrone.Web.Helpers
@model NzbDrone.Web.Models.SeriesModel
<tr class="@Model.SeriesId">
<tr class="@Model.SeriesId data-row">
<td>@Html.ActionLink(Model.Title, "Details", "Series", new { seriesId = Model.SeriesId }, null)</td>
<td>@Model.SeasonsCount</td>
<td>@Model.QualityProfileName</td>
@ -20,7 +20,7 @@
<img src="../../Content/Images/Delete.png" class="deleteButton" value="@Model.SeriesId" rel="@Model.Title" />
</td>
</tr>
<tr class="detail-view details_@(Model.SeriesId)">
<tr class="detail-row details_@(Model.SeriesId)">
<td colspan="7">
<b>Airs Day of Week:</b> @Model.AirsDayOfWeek <br/>
<b>Overview:</b> @Model.Overview

Loading…
Cancel
Save