Voomra/KinoSearch
0
Fork 0
Code Activity

Добавил кнопку для просмотра

Browse Source
This commit is contained in:
DmitriyMX
2017-06-03 12:57:45 +03:00
parent 9162dfd592
commit 3aecf0047a
4 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/main/resources/kinosearch/kinosearch3/webpp/header.inc.ftl
View File

@@ -4,6 +4,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="/style.css">
<link rel="stylesheet" type="text/css" href="/media.css">
<link rel="icon" type="image/svg+xml" href="/ks3logo.svg" >
</head>
<body>

2
src/main/resources/kinosearch/kinosearch3/webpp/searchResult.ftl
View File

@@ -14,11 +14,13 @@
<div class="media">
<div class="media-left media-top">
<img class="media-object" src="/poster/${cinema.fileName}">
<a class="visible-xs-block btn btn-primary btn-block view" href="#" target="_blank">Посмотреть</a>
</div>
<div class="media-body">
${cinema.description}
</div>
</div>
<a class="hidden-xs btn btn-primary btn-block view" href="#" target="_blank">Посмотреть</a>
</div>
</div>
[/#list]

7
src/main/resources/kinosearch/kinosearch3/webpp/static/media.css
View File

@@ -1,4 +1,4 @@
@media only screen and (max-width: 768px) {
@media only screen and (max-width: 767px) {
form#search .btn {
height: 34px;
}
@@ -6,13 +6,14 @@
.searchResult .media-left {
display: block;
text-align: center;
padding-right: 0;
}
.searchResult .media-object {
display: inline;
}
.searchResult .media-body {
padding-top: 8px;
.searchResult .btn.view {
margin: 16px 0 8px 0;
}
}

10
src/main/resources/kinosearch/kinosearch3/webpp/static/style.css
View File

@@ -1,5 +1,3 @@
@import url('/media.css');
body {
background: #f3f3f3 url('/noise-background.png');
background-size: auto;
@@ -69,3 +67,11 @@ hr {
.searchResult .panel-heading {
font-weight: bold;
}
.searchResult .btn-block.view {
width: inherit;
}
.searchResult .btn.view {
margin: 8px;
}