FEATURE: changed graphics of articles

This commit is contained in:
Peter Hrdlica
2016-10-10 21:04:25 +02:00
parent bceef69a72
commit 446e8352b5
2 changed files with 38 additions and 10 deletions
+33 -3
View File
@@ -5358,6 +5358,9 @@ table.hover tr:nth-of-type(even):hover {
.m-t-25 { .m-t-25 {
margin-top: 25px; margin-top: 25px;
} }
.m-t-35 {
margin-top: 35px;
}
.m-t-50 { .m-t-50 {
margin-top: 50px; margin-top: 50px;
} }
@@ -9237,13 +9240,24 @@ article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,secti
.article-list-item .date.big { .article-list-item .date.big {
font-size: 4em; font-size: 5em;
line-height: 1em; line-height: 1em;
font-weight: 500;
color: #414042;
}
.article-list-item .date.month {
top: -15px;
position: relative;
right: 3px;
color: #414042;
} }
.gravatar { .gravatar {
border-radius: 50%; border-radius: 50%;
} }
.author .gravatar {
width: 40px;
}
.article-list-item .author { .article-list-item .author {
line-height: 1; line-height: 1;
@@ -9262,11 +9276,13 @@ article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,secti
} }
article h1 { article h1 {
font-size: 2em; font-size: 1.9em;
font-weight: 700;
} }
article h2 { article h2 {
margin-top: 20px; margin-top: 20px;
font-size: 1.5em; font-size: 1.35em;
color: #414042;
} }
article h3 { article h3 {
@@ -9274,6 +9290,20 @@ article h3 {
font-size: 1.2em; font-size: 1.2em;
} }
.off-canvas-content .article-list-item div {
color: #414042;
}
.comment aside { .comment aside {
line-height: 1; line-height: 1;
}
.comments-form textarea {
margin-bottom: 3px;
}
.comments-form .gravatar {
width: 50px;
float: right;
padding: 0;
margin: 0;
} }
@@ -8,12 +8,10 @@
<aside class="column text-right large-1"> <aside class="column text-right large-1">
<div class="date"> <div class="date">
<span class="date day big">@customDate('j', $page->created_at)</span> <span class="date day big">@customDate('j', $page->created_at)</span>
<br>
<span class="date uppercase month">@monthName($page->created_at)</span> <span class="date uppercase month">@monthName($page->created_at)</span>
</div> </div>
<div class="m-t-25 author"> <div class="m-t-25 author">
<img class="gravatar" src="@gravatar($page->author->email, 50)" alt=""> <img class="gravatar" src="@gravatar($page->author->email, 50)" alt="">
<br />
<small>{{$page->author->name}}</small> <small>{{$page->author->name}}</small>
</div> </div>
@@ -25,8 +23,8 @@
@if(isset($page->module_settings->allowComments) && $page->module_settings->allowComments != 0) @if(isset($page->module_settings->allowComments) && $page->module_settings->allowComments != 0)
<div class="m-t-25 text-center"> <div class="m-t-35">
<a href="#comments"><i class="fa fa-comments"></i> {{$page->comments->count()}}</a> <a href="#comments">{{$page->comments->count()}} <i class="fa fa-comments"></i></a>
</div> </div>
@endif @endif
</aside> </aside>
@@ -43,7 +41,7 @@
<a name="comments"></a> <a name="comments"></a>
<h2>Komentáře</h2> <h2 class="column large-11" style="float: right;">Komentáře</h2>
@foreach($page->comments as $comment) @foreach($page->comments as $comment)
<div class="row m-t-25 comment"> <div class="row m-t-25 comment">
@@ -70,7 +68,7 @@
<?php <?php
$loggedUser = \Auth::user(); $loggedUser = \Auth::user();
?> ?>
<div class="row m-t-25 "> <div class="row m-t-25 comments-form">
<div class="column large-1"> <div class="column large-1">
@if($loggedUser) @if($loggedUser)
<img src="@gravatar($loggedUser->email)" class="gravatar" alt=""> <img src="@gravatar($loggedUser->email)" class="gravatar" alt="">
@@ -101,7 +99,7 @@
<div class="column medium-12"> <div class="column medium-12">
<textarea name="message" required>{{old('message')}}</textarea> <textarea name="message" required>{{old('message')}}</textarea>
<button type="submit" class="button success">Uložit</button> <button type="submit" class="button success pull-right">Uložit</button>
</div> </div>
</div> </div>
</form> </form>