Browse Source

Style file list in manage tab

pull/69/head
Ruud 14 years ago
parent
commit
9f6d164a43
  1. 26
      couchpotato/core/plugins/movie/static/movie.css
  2. 2
      couchpotato/core/plugins/movie/static/movie.js
  3. 6
      couchpotato/static/scripts/page/wanted.js

26
couchpotato/core/plugins/movie/static/movie.css

@ -154,24 +154,24 @@
padding: 2%; padding: 2%;
} }
.movies .options .releases { .movies .options .table {
height: 157px; height: 157px;
overflow: auto; overflow: auto;
margin: -20px -20px -20px 110px; margin: -20px -20px -20px 110px;
padding: 15px 0 5px; padding: 15px 0 5px;
} }
.movies .options .releases .item { .movies .options .table .item {
border-bottom: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1);
} }
.movies .options .releases .item:last-child { border: 0; } .movies .options .table .item:last-child { border: 0; }
.movies .options .releases .item:nth-child(even) { .movies .options .table .item:nth-child(even) {
background: rgba(255,255,255,0.05); background: rgba(255,255,255,0.05);
} }
.movies .options .releases .item:not(.head):hover { .movies .options .table .item:not(.head):hover {
background: rgba(255,255,255,0.03); background: rgba(255,255,255,0.03);
} }
.movies .options .releases .item > * { .movies .options .table .item > * {
display: inline-block; display: inline-block;
padding: 0 5px; padding: 0 5px;
width: 50px; width: 50px;
@ -183,29 +183,31 @@
vertical-align: top; vertical-align: top;
border-left: 1px solid rgba(255, 255, 255, 0.1); border-left: 1px solid rgba(255, 255, 255, 0.1);
} }
.movies .options .releases .item > *:first-child { .movies .options .table .item > *:first-child {
border: 0; border: 0;
} }
.movies .options .releases .provider { .movies .options .table .provider {
width: 120px; width: 120px;
} }
.movies .options .releases .name { .movies .options .table .name {
width: 360px; width: 360px;
overflow: hidden; overflow: hidden;
text-align: left; text-align: left;
padding: 0 10px; padding: 0 10px;
} }
.movies .options .table .type { width: 120px; }
.movies .options .table .available { width: 80px; }
.movies .options .releases a { .movies .options .table a {
width: 16px !important; width: 16px !important;
height: 16px; height: 16px;
opacity: 0.8; opacity: 0.8;
} }
.movies .options .releases a:hover { .movies .options .table a:hover {
opacity: 1; opacity: 1;
} }
.movies .options .releases .head > * { .movies .options .table .head > * {
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: 14px;
padding-top: 4px; padding-top: 4px;

2
couchpotato/core/plugins/movie/static/movie.js

@ -241,7 +241,7 @@ var ReleaseAction = new Class({
if(!self.options_container){ if(!self.options_container){
self.options_container = new Element('div.options').adopt( self.options_container = new Element('div.options').adopt(
$(self.movie.thumbnail).clone(), $(self.movie.thumbnail).clone(),
self.release_container = new Element('div.releases') self.release_container = new Element('div.releases.table')
).inject(self.movie, 'top'); ).inject(self.movie, 'top');
// Header // Header

6
couchpotato/static/scripts/page/wanted.js

@ -266,7 +266,7 @@ window.addEvent('domready', function(){
if(!self.options_container){ if(!self.options_container){
self.options_container = new Element('div.options').adopt( self.options_container = new Element('div.options').adopt(
$(self.movie.thumbnail).clone(), $(self.movie.thumbnail).clone(),
self.release_container = new Element('div.releases') self.files_container = new Element('div.files.table')
).inject(self.movie, 'top'); ).inject(self.movie, 'top');
// Header // Header
@ -274,11 +274,11 @@ window.addEvent('domready', function(){
new Element('span.name', {'text': 'File'}), new Element('span.name', {'text': 'File'}),
new Element('span.type', {'text': 'Type'}), new Element('span.type', {'text': 'Type'}),
new Element('span.available', {'text': 'Available'}) new Element('span.available', {'text': 'Available'})
).inject(self.release_container) ).inject(self.files_container)
Array.each(self.movie.data.releases, function(release){ Array.each(self.movie.data.releases, function(release){
var rel = new Element('div.release').inject(self.release_container); var rel = new Element('div.release').inject(self.files_container);
Array.each(release.files, function(file){ Array.each(release.files, function(file){
new Element('div.file').adopt( new Element('div.file').adopt(

Loading…
Cancel
Save