サムネイルを含むカードを高さ400pxに固定、サムネイルはトリミング表示されるようにした

This commit is contained in:
shibafu 2019-04-14 23:16:05 +09:00
parent 3cba46bff0
commit 2ff07cc68d
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">