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

Merge pull request #177 from shikorism/feature/137-card-max-height

Browse Source 
サムネイルを含むカードを高さ400pxに固定し、トリミング表示されるように変更
This commit is contained in:
shibafu 2019-06-07 01:41:53 +09:00 committed by GitHub
commit 12dac5916e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
resources/assets/sass/components/_link-card.scss vendored
View File

@ -1,8 +1,18 @@
.link-card { .link-card {
.row > div:last-child { .row > div {
max-height: 400px; max-height: 400px;
overflow: hidden; overflow: hidden;
}
.row > div:first-child {
display: flex;
&:not([display=none]) {
height: 400px;
}
}
.row > div:last-child {
// 省略を表す影を付けるやつ // 省略を表す影を付けるやつ
&::before { &::before {
position: absolute; position: absolute;

2
resources/views/components/link-card.blade.php
View File

@ -1,7 +1,7 @@
<div class="card link-card mb-2 px-0 col-12 d-none" style="font-size: small;"> <div class="card link-card mb-2 px-0 col-12 d-none" style="font-size: small;">
<a class="text-dark card-link" href="{{ $link }}" target="_blank" rel="noopener"> <a class="text-dark card-link" href="{{ $link }}" target="_blank" rel="noopener">
<div class="row no-gutters"> <div class="row no-gutters">
<div class="col-12 col-md-6"> <div class="col-12 col-md-6 justify-content-center align-items-center">
<img src="" alt="Thumbnail" class="card-img-top-to-left bg-secondary"> <img src="" alt="Thumbnail" class="card-img-top-to-left bg-secondary">
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">