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.
55 lines
2.5 KiB
Handlebars
55 lines
2.5 KiB
Handlebars
<nav class="global-nav" role="navigation">
|
|
|
|
<a class="nav-item ghost-logo" href="{{gh-path 'blog'}}" title="Visit blog">
|
|
<div class="nav-label"><i class="icon-ghost"></i> <span>Visit blog</span> </div>
|
|
</a>
|
|
|
|
{{#link-to "posts" classNames="nav-item nav-content js-nav-item"}}
|
|
<div class="nav-label"><i class="icon-content"></i> Content</div>
|
|
{{/link-to}}
|
|
|
|
{{#link-to "editor.new" classNames="nav-item nav-new js-nav-item"}}
|
|
<div class="nav-label"><i class="icon-add"></i> New Post</div>
|
|
{{/link-to}}
|
|
|
|
{{#unless session.user.isAuthor}}
|
|
{{#link-to "settings" classNames="nav-item nav-settings js-nav-item"}}
|
|
<div class="nav-label"><i class="icon-settings2"></i> Settings</div>
|
|
{{/link-to}}
|
|
{{/unless}}
|
|
|
|
{{! TODO: Mobile-only menu items
|
|
|
|
<a class="nav-item thing" href="#">
|
|
<div class="nav-label">Thing</div>
|
|
</a>
|
|
<a class="nav-item thing2" href="#">
|
|
<div class="nav-label">Thing2</div>
|
|
</a>
|
|
|
|
}}
|
|
|
|
<div class="nav-item user-menu">
|
|
{{#gh-dropdown-button dropdownName="user-menu" tagName="div" classNames="nav-label clearfix"}}
|
|
<span class="image" {{bind-attr style=userImageBackground}}>
|
|
<img {{bind-attr src="userImage" title="userImageAlt"}}>
|
|
</span>
|
|
<div class="name">
|
|
{{session.user.name}} <i class="icon-chevron-down"></i>
|
|
<small>Profile & Settings</small>
|
|
</div>
|
|
{{/gh-dropdown-button}}
|
|
{{#gh-dropdown tagName="div" classNames="dropdown" name="user-menu" closeOnClick="true"}}
|
|
<ul class="dropdown-menu dropdown-triangle-top-right js-user-menu-dropdown-menu" role="menu">
|
|
<li role="presentation">{{#link-to "settings.users.user" session.user.slug classNames="dropdown-item user-menu-profile js-nav-item" role="menuitem" tabindex="-1"}}<i class="icon-user"></i> Your Profile{{/link-to}}</li>
|
|
<li role="presentation"><a class="dropdown-item user-menu-support" role="menuitem" tabindex="-1" href="http://support.ghost.org/"><i class="icon-support"></i> Help / Support</a></li>
|
|
<li class="divider"></li>
|
|
<li role="presentation">{{#link-to "signout" classNames="dropdown-item user-menu-signout" role="menuitem" tabindex="-1"}}<i class="icon-power"></i> Sign Out{{/link-to}}</li>
|
|
</ul>
|
|
{{/gh-dropdown}}
|
|
</div>{{! .user-menu }}
|
|
|
|
</nav>{{! .global-nav }}
|
|
|
|
<div class="nav-cover js-nav-cover"></div>
|