mirror of
https://github.com/Sonarr/Sonarr.git
synced 2024-10-30 23:42:33 +01:00
Grid fixes.
Moved grid CSS to Grid.css.
This commit is contained in:
parent
b9d227d162
commit
c7c56f5ab8
@ -2,15 +2,77 @@
|
||||
{
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
padding: 1px;
|
||||
margin: 2px;
|
||||
padding: 3px 1px;
|
||||
margin: 0px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.searchImage:hover, .renameImage:hover, .ignoreEpisode:hover, .ignoreEpisodesMaster:hover
|
||||
{
|
||||
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;
|
||||
|
@ -267,63 +267,4 @@ button span, input[type="button"] span, input[type="submit"] span, input[type="r
|
||||
background: rgb(40, 40, 40);
|
||||
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;
|
||||
@ -63,58 +49,11 @@
|
||||
margin-left: auto;
|
||||
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…
Reference in New Issue
Block a user