Plot in search results.
This commit is contained in:
1 parent
b4ac740846
commit
7321505d1b
2 files changed
+28
-9
No files matched your search
@@ -1,6 +1,7 @@
|
|||||||
/* @override
|
/* @override
|
||||||
http://localhost:5000/static/movie_plugin/search.css
|
http://localhost:5000/static/movie_plugin/search.css
|
||||||
http://192.168.1.20:5000/static/movie_plugin/search.css
|
http://192.168.1.20:5000/static/movie_plugin/search.css
|
||||||
|
http://127.0.0.1:5000/static/movie_plugin/search.css
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.search_form {
|
.search_form {
|
||||||
@@ -27,7 +28,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.search_form .results_container {
|
.search_form .results_container {
|
||||||
padding: 10px 0;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background: #5c697b;
|
background: #5c697b;
|
||||||
margin: 6px 0 0 -246px;
|
margin: 6px 0 0 -246px;
|
||||||
@@ -54,9 +54,15 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
width: 0px;
|
width: 0px;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
margin: -19px 0 0 110px;
|
margin: -9px 0 0 110px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.search_form .results {
|
||||||
|
max-height: 550px;
|
||||||
|
overflow-x: hidden;
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
.search_form .results .movie {
|
.search_form .results .movie {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
min-height: 140px;
|
min-height: 140px;
|
||||||
@@ -113,12 +119,12 @@
|
|||||||
margin: -143px 0 0 0;
|
margin: -143px 0 0 0;
|
||||||
min-height: 140px;
|
min-height: 140px;
|
||||||
background: #5c697b;
|
background: #5c697b;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
border-bottom: 1px solid #333;
|
border-bottom: 1px solid #333;
|
||||||
border-top: 1px solid rgba(255,255,255, 0.15);
|
border-top: 1px solid rgba(255,255,255, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.search_form .results .movie:first-child .data { border-top: 0; }
|
|
||||||
.search_form .results .movie:last-child .data { border-bottom: 0; }
|
.search_form .results .movie:last-child .data { border-bottom: 0; }
|
||||||
|
|
||||||
.search_form .results .movie .thumbnail {
|
.search_form .results .movie .thumbnail {
|
||||||
@@ -141,6 +147,13 @@
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
padding: 15px 0;
|
padding: 15px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.search_form .results .movie .info .tagline {
|
||||||
|
max-height: 70px;
|
||||||
|
overflow: hidden;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
.search_form .results .movie .add +.info {
|
.search_form .results .movie .add +.info {
|
||||||
margin-left: 20%;
|
margin-left: 20%;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -25,6 +25,11 @@ Block.Search = new Class({
|
|||||||
self.result_container = new Element('div.results_container', {
|
self.result_container = new Element('div.results_container', {
|
||||||
'tween': {
|
'tween': {
|
||||||
'duration': 200
|
'duration': 200
|
||||||
|
},
|
||||||
|
'events': {
|
||||||
|
'mousewheel': function(e){
|
||||||
|
(e).stopPropagation();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}).adopt(
|
}).adopt(
|
||||||
new Element('div.pointer'),
|
new Element('div.pointer'),
|
||||||
@@ -182,17 +187,18 @@ Block.Search.Item = new Class({
|
|||||||
self.title = new Element('h2', {
|
self.title = new Element('h2', {
|
||||||
'text': info.titles[0]
|
'text': info.titles[0]
|
||||||
}).adopt(
|
}).adopt(
|
||||||
self.year = info.year ? new Element('span', {
|
self.year = info.year ? new Element('span.year', {
|
||||||
'text': info.year
|
'text': info.year
|
||||||
}) : null
|
}) : null
|
||||||
),
|
),
|
||||||
self.tagline = new Element('span', {
|
self.tagline = new Element('span.tagline', {
|
||||||
'text': info.tagline
|
'text': info.tagline ? info.tagline : info.plot,
|
||||||
|
'title': info.tagline ? info.tagline : info.plot
|
||||||
}),
|
}),
|
||||||
self.director = self.info.director ? new Element('span', {
|
self.director = self.info.director ? new Element('span.director', {
|
||||||
'text': 'Director:' + info.director
|
'text': 'Director:' + info.director
|
||||||
}) : null,
|
}) : null,
|
||||||
self.starring = info.actors ? new Element('span', {
|
self.starring = info.actors ? new Element('span.actors', {
|
||||||
'text': 'Starring:'
|
'text': 'Starring:'
|
||||||
}) : null
|
}) : null
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in new issue
Block a user