pepepper/tissue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

お惣菜コーナーのカード枠を削除

Browse Source 
ユーザータイムラインに合わせた形
This commit is contained in:
shibafu 2019-02-09 00:50:33 +09:00
parent eef0eac887
commit a77ac3f039
2 changed files with 56 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/css/tissue.css vendored
View File

@ -24,6 +24,16 @@
transition: filter .15s liner; transition: filter .15s liner;
} }
.list-group-item.no-side-border {
border-left: none;
border-right: none;
border-radius: 0;
}
.list-group-item.border-bottom-only:first-child {
border-top: none;
}
.list-group-item.border-bottom-only { .list-group-item.border-bottom-only {
border-left: none; border-left: none;
border-right: none; border-right: none;

96
resources/views/home.blade.php
View File

@ -44,59 +44,55 @@
</div> </div>
<div class="col-lg-8"> <div class="col-lg-8">
@if (!empty($publicLinkedEjaculations)) @if (!empty($publicLinkedEjaculations))
<div class="card mb-4"> <h5 class="mb-3">お惣菜コーナー</h5>
<div class="card-header">お惣菜コーナー</div> <p class="text-secondary">最近の公開チェックインから、オカズリンク付きのものを表示しています。</p>
<div class="card-body"> <ul class="list-group">
<p class="card-text">最近の公開チェックインから、オカズリンク付きのものを表示しています。</p> @foreach ($publicLinkedEjaculations as $ejaculation)
</div> <li class="list-group-item no-side-border pt-3 pb-3 tis-word-wrap">
<ul class="list-group list-group-flush"> <!-- span -->
@foreach ($publicLinkedEjaculations as $ejaculation) <div class="d-flex justify-content-between">
<li class="list-group-item pt-3 pb-3"> <h5>
<!-- span --> <a href="{{ route('user.profile', ['id' => $ejaculation->user->name]) }}" class="text-dark"><img src="{{ $ejaculation->user->getProfileImageUrl(30) }}" width="30" height="30" class="rounded d-inline-block align-bottom"> {{ $ejaculation->user->display_name }}</a>
<div class="d-flex justify-content-between"> <a href="{{ route('checkin.show', ['id' => $ejaculation->id]) }}" class="text-muted"><small>{{ $ejaculation->ejaculated_date->format('Y/m/d H:i') }}</small></a>
<h5> </h5>
<a href="{{ route('user.profile', ['id' => $ejaculation->user->name]) }}" class="text-dark"><img src="{{ $ejaculation->user->getProfileImageUrl(30) }}" width="30" height="30" class="rounded d-inline-block align-bottom"> {{ $ejaculation->user->display_name }}</a> <div>
<a href="{{ route('checkin.show', ['id' => $ejaculation->id]) }}" class="text-muted"><small>{{ $ejaculation->ejaculated_date->format('Y/m/d H:i') }}</small></a> <a class="text-secondary timeline-action-item" href="{{ route('checkin', ['link' => $ejaculation->link, 'tags' => $ejaculation->textTags()]) }}"><span class="oi oi-reload" data-toggle="tooltip" data-placement="bottom" title="同じオカズでチェックイン"></span></a>
</h5>
<div>
<a class="text-secondary timeline-action-item" href="{{ route('checkin', ['link' => $ejaculation->link, 'tags' => $ejaculation->textTags()]) }}"><span class="oi oi-reload" data-toggle="tooltip" data-placement="bottom" title="同じオカズでチェックイン"></span></a>
</div>
</div> </div>
<!-- tags --> </div>
@if ($ejaculation->tags->isNotEmpty()) <!-- tags -->
<p class="mb-2"> @if ($ejaculation->tags->isNotEmpty())
@foreach ($ejaculation->tags as $tag) <p class="mb-2">
<a class="badge badge-secondary" href="{{ route('search', ['q' => $tag->name]) }}"><span class="oi oi-tag"></span> {{ $tag->name }}</a> @foreach ($ejaculation->tags as $tag)
@endforeach <a class="badge badge-secondary" href="{{ route('search', ['q' => $tag->name]) }}"><span class="oi oi-tag"></span> {{ $tag->name }}</a>
</p> @endforeach
@endif </p>
<!-- okazu link --> @endif
@if (!empty($ejaculation->link)) <!-- okazu link -->
<div class="row mx-0"> @if (!empty($ejaculation->link))
<div class="card link-card mb-2 px-0 col-12 col-md-6 d-none" style="font-size: small;"> <div class="row mx-0">
<a class="text-dark card-link" href="{{ $ejaculation->link }}" target="_blank" rel="noopener"> <div class="card link-card mb-2 px-0 col-12 col-md-6 d-none" style="font-size: small;">
<img src="" alt="Thumbnail" class="card-img-top bg-secondary"> <a class="text-dark card-link" href="{{ $ejaculation->link }}" target="_blank" rel="noopener">
<div class="card-body"> <img src="" alt="Thumbnail" class="card-img-top bg-secondary">
<h6 class="card-title font-weight-bold">タイトル</h6> <div class="card-body">
<p class="card-text">コンテンツの説明文</p> <h6 class="card-title font-weight-bold">タイトル</h6>
</div> <p class="card-text">コンテンツの説明文</p>
</a> </div>
</div> </a>
<p class="d-flex align-items-baseline mb-2 col-12 px-0">
<span class="oi oi-link-intact mr-1"></span><a class="overflow-hidden" href="{{ $ejaculation->link }}" target="_blank" rel="noopener">{{ $ejaculation->link }}</a>
</p>
</div> </div>
@endif <p class="d-flex align-items-baseline mb-2 col-12 px-0">
<!-- note --> <span class="oi oi-link-intact mr-1"></span><a class="overflow-hidden" href="{{ $ejaculation->link }}" target="_blank" rel="noopener">{{ $ejaculation->link }}</a>
@if (!empty($ejaculation->note))
<p class="mb-0 tis-word-wrap">
{!! Formatter::linkify(nl2br(e($ejaculation->note))) !!}
</p> </p>
@endif </div>
</li> @endif
@endforeach <!-- note -->
</ul> @if (!empty($ejaculation->note))
</div> <p class="mb-0 tis-word-wrap">
{!! Formatter::linkify(nl2br(e($ejaculation->note))) !!}
</p>
@endif
</li>
@endforeach
</ul>
@endif @endif
</div> </div>
</div> </div>