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

サムネイルを含むカードを高さ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

View File

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

View File

@ -1,7 +1,7 @@
<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">
<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">
</div>
<div class="col-12 col-md-6">