mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-28 22:43:30 +03:00
Fixed post bookmark shifting layout bug
This commit is contained in:
parent
5e7678b239
commit
1e76022a28
@ -6,17 +6,17 @@
|
||||
<img src={{imageUrl}} alt="" role="presentation" />
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/let}}
|
||||
<div class="gh-post-bookmark-content">
|
||||
<div class="gh-post-bookmark-title">{{@post.title}}</div>
|
||||
<div class="gh-post-bookmark-text truncate">{{@post.excerpt}}</div>
|
||||
<div class="gh-post-bookmark-details">
|
||||
{{#if (get-setting "icon")}}
|
||||
<div class="gh-post-bookmark-site-icon"><img src={{get-setting "icon"}} alt="" role="presentation" /></div>
|
||||
{{/if}}
|
||||
<div class="gh-post-bookmark-site-title">{{get-setting "title"}}</div>
|
||||
<div class="gh-post-bookmark-authors">{{post-author-names @post}}</div>
|
||||
<div class="gh-post-bookmark-content {{if imageUrl "" "no-image"}}">
|
||||
<div class="gh-post-bookmark-title">{{@post.title}}</div>
|
||||
<div class="gh-post-bookmark-text truncate">{{@post.excerpt}}</div>
|
||||
<div class="gh-post-bookmark-details">
|
||||
{{#if (get-setting "icon")}}
|
||||
<div class="gh-post-bookmark-site-icon"><img src={{get-setting "icon"}} alt="" role="presentation" /></div>
|
||||
{{/if}}
|
||||
<div class="gh-post-bookmark-site-title">{{get-setting "title"}}</div>
|
||||
<div class="gh-post-bookmark-authors">{{post-author-names @post}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/let}}
|
||||
</div>
|
||||
</div>
|
@ -752,7 +752,7 @@
|
||||
|
||||
.gh-post-bookmark {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
grid-template-columns: 1fr minmax(0, 2fr);
|
||||
width: 100%;
|
||||
max-width: 640px;
|
||||
margin-top: 1.6rem;
|
||||
@ -780,7 +780,6 @@
|
||||
|
||||
.gh-post-bookmark-image img {
|
||||
width: 100%;
|
||||
max-width: 222px;
|
||||
height: 100%;
|
||||
max-height: 152px;
|
||||
object-fit: cover;
|
||||
@ -795,6 +794,10 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gh-post-bookmark-content.no-image {
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.gh-post-bookmark-title {
|
||||
display: -webkit-box;
|
||||
margin-bottom: .4rem;
|
||||
|
Loading…
Reference in New Issue
Block a user