mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-16 12:16:09 +03:00
56e9f09277
Related to #4844 The newly added user image in the content list uses a CSS property to crop `img` tags, but it's not supported in IE or Firefox. This issue corrects that by chancing them to be background images which can be cropped cross-browser. It also adjusts the nav bar user image (previously an `img` tag) which would squash a non-square image. Also removes the border around the settings/users/ user images, to be consistent with the rest of the UI.
47 lines
2.4 KiB
Handlebars
47 lines
2.4 KiB
Handlebars
<header class="page-header">
|
|
<button class="menu-button js-menu-button" {{action "toggleGlobalMobileNav"}}><span class="sr-only">Menu</span></button>
|
|
<h2 class="page-title">Content</h2>
|
|
</header>
|
|
|
|
<div class="page-content">
|
|
<section {{bind-attr class=":content-list :js-content-list postListFocused:keyboard-focused"}}>
|
|
<header class="floatingheader">
|
|
<section class="content-filter">
|
|
<small>All Posts</small>
|
|
</section>
|
|
{{#link-to "editor.new" class="btn btn-green" title="New Post"}}<span class="hidden">New Post</span>{{/link-to}}
|
|
</header>
|
|
{{#view "paginated-scroll-box" tagName="section" classNames="content-list-content js-content-scrollbox"}}
|
|
<ol class="posts-list">
|
|
{{#each post in controller itemController="posts/post" itemView="post-item-view" itemTagName="li"}}
|
|
{{#link-to "posts.post" post class="permalink" alternateActive=view.active title="Edit this post"}}
|
|
<h3 class="entry-title">{{post.model.title}}</h3>
|
|
<section class="entry-meta">
|
|
<span class="avatar" {{bind-attr style=post.authorAvatarBackground}}>
|
|
<img {{bind-attr src="post.authorAvatar" title="post.authorName"}}>
|
|
</span>
|
|
<span class="author">{{post.authorName}}</span>
|
|
<span class="status">
|
|
{{#if post.isPublished}}
|
|
{{#if post.model.page}}
|
|
<span class="page">Page</span>
|
|
{{else}}
|
|
<time datetime="{{unbound post.model.published_at}}" class="date published">
|
|
Published {{gh-format-timeago post.model.published_at}}
|
|
</time>
|
|
{{/if}}
|
|
{{else}}
|
|
<span class="draft">Draft</span>
|
|
{{/if}}
|
|
</span>
|
|
</section>
|
|
{{/link-to}}
|
|
{{/each}}
|
|
</ol>
|
|
{{/view}}
|
|
</section>
|
|
<section {{bind-attr class=":content-preview :js-content-preview postContentFocused:keyboard-focused"}}>
|
|
{{outlet}}
|
|
</section>
|
|
</div>
|