All4DK
/
wikipoints
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

FIX - отображение случайной точки на маленьких экранах

This commit is contained in:
Krivchikov Dmitry 2016-01-15 12:42:32 +03:00
parent e5fc7104b9
commit db345d4fb3
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
public/css/style.css
View File

@ -23,6 +23,7 @@ div.header {display: block; position: absolute; top: 0px; left: 40px; z-index: 1
div.header img {height: 89px;}
div.add {cursor: pointer;}
html body h4 {font-weight: bold;}
a.randomPointAImg {float: left; margin: 0 15px 0 0;}
.fotorama {display: inline-block;}
div.fotorama__caption {text-align: left;font-size: 9px;margin-bottom: 5px;opacity: 0.6;}
@ -163,3 +164,7 @@ img.imageInArticle {border: solid 3px white;max-width: 100%;}
margin-bottom: 10px;
}
}
@media screen and (max-width:400px) {
a.randomPointAImg {margin: 0 0 10px 0; display: block;width: 100%;text-align: center;}
}

2
views/randomPoint.php
View File

@ -2,8 +2,8 @@
<!--noindex-->
<div class="row">
<div class="col-md-12">
<a href="/point/<?= $randomPoint->id ?>" style="float: left; margin: 0 20px 0 0;"><img src="<?= $randomPoint->getImg() ?>" style="width: 200px;"/></a>
<h3 style="margin-top: 0;">Это интересно: <?= $randomPoint->name ?></h3>
<a href="/point/<?= $randomPoint->id ?>" class="randomPointAImg"><img src="<?= $randomPoint->getImg() ?>" style="width: 200px; height: 150px;"/></a>
<p>
<?= mb_substr($randomPoint->description, 0, 400, 'UTF-8') ?>…
<a class="" href="/point/<?= $randomPoint->id ?>" role="button"><nobr> читать далее »</nobr></a>