Fixed publish menu positioning, cleaned up dropdown component

See #5652
This commit is contained in:
John O'Nolan 2015-08-13 09:09:07 +02:00
parent 0c2e6b617c
commit 495536fbe3
4 changed files with 10 additions and 34 deletions

View File

@ -2,7 +2,7 @@ import Ember from 'ember';
import DropdownMixin from 'ghost/mixins/dropdown-mixin'; import DropdownMixin from 'ghost/mixins/dropdown-mixin';
export default Ember.Component.extend(DropdownMixin, { export default Ember.Component.extend(DropdownMixin, {
classNames: 'ghost-dropdown', classNames: 'dropdown',
classNameBindings: ['fadeIn:fade-in-scale:fade-out', 'isOpen:open:closed'], classNameBindings: ['fadeIn:fade-in-scale:fade-out', 'isOpen:open:closed'],
name: null, name: null,

View File

@ -25,6 +25,12 @@
outline: 0; outline: 0;
} }
.editor-options .dropdown-menu {
top: 35px;
right: 0;
left: auto;
}
/* Container & Headers /* Container & Headers
/* ---------------------------------------------------------- */ /* ---------------------------------------------------------- */
@ -219,36 +225,6 @@
font-weight: bold; font-weight: bold;
} }
/* Publish Bar
/* ---------------------------------------------------------- */
.extended-tags {
/* When the tag bar is expanded */
position: static;
min-height: 100%;
}
.extended-tags #entry-tags:after {
right: 10px;
}
.extended-tags .tags {
width: 281px;
}
.extended-tags .tag-input {
margin-top: 5px;
padding-top: 5px;
padding-left: 10px;
width: 100%;
border-top: 1px solid var(--darkgrey);
}
.extended-tags .right {
display: none;
}
/* Tags input CSS (TODO: needs some revision) /* Tags input CSS (TODO: needs some revision)
/* ------------------------------------------------------ */ /* ------------------------------------------------------ */
.tags-input-list { .tags-input-list {

View File

@ -4,7 +4,7 @@
<i class="options icon-arrow2"></i> <i class="options icon-arrow2"></i>
<span class="sr-only">Toggle Settings Menu</span> <span class="sr-only">Toggle Settings Menu</span>
{{/gh-dropdown-button}} {{/gh-dropdown-button}}
{{#gh-dropdown name="post-save-menu" closeOnClick="true" tagName="div" classNames="dropdown editor-options"}} {{#gh-dropdown name="post-save-menu" closeOnClick="true" classNames="editor-options"}}
<ul class="dropdown-menu dropdown-triangle-bottom-right"> <ul class="dropdown-menu dropdown-triangle-bottom-right">
<li class="post-save-publish {{if willPublish 'active'}}"> <li class="post-save-publish {{if willPublish 'active'}}">
<a {{action "setSaveType" "publish"}} href="#">{{publishText}}</a> <a {{action "setSaveType" "publish"}} href="#">{{publishText}}</a>

View File

@ -6,7 +6,7 @@
</div> </div>
<i class="icon-arrow"></i> <i class="icon-arrow"></i>
{{/gh-dropdown-button}} {{/gh-dropdown-button}}
{{#gh-dropdown tagName="div" classNames="dropdown" name="user-menu" closeOnClick="true"}} {{#gh-dropdown tagName="div" name="user-menu" closeOnClick="true"}}
<ul class="dropdown-menu dropdown-triangle-top js-user-menu-dropdown-menu" role="menu" style="right:-50%;left:auto;margin-right:40px"> <ul class="dropdown-menu dropdown-triangle-top js-user-menu-dropdown-menu" role="menu" style="right:-50%;left:auto;margin-right:40px">
<li role="presentation">{{#link-to "about" classNames="gh-nav-menu-about dropdown-item js-nav-item" role="menuitem" tabindex="-1"}}<i class="icon-shop"></i> About Ghost{{/link-to}}</li> <li role="presentation">{{#link-to "about" classNames="gh-nav-menu-about dropdown-item js-nav-item" role="menuitem" tabindex="-1"}}<i class="icon-shop"></i> About Ghost{{/link-to}}</li>
<li class="divider"></li> <li class="divider"></li>
@ -48,7 +48,7 @@
<i class="icon-question"><span class="hidden">Help</span></i> <i class="icon-question"><span class="hidden">Help</span></i>
</div> </div>
{{/gh-dropdown-button}} {{/gh-dropdown-button}}
{{#gh-dropdown tagName="div" classNames="dropdown" name="help-menu" closeOnClick="true"}} {{#gh-dropdown tagName="div" name="help-menu" closeOnClick="true"}}
<ul class="dropdown-menu dropdown-triangle-bottom" role="menu"> <ul class="dropdown-menu dropdown-triangle-bottom" role="menu">
<li role="presentation"><a class="dropdown-item help-menu-support" role="menuitem" tabindex="-1" href="http://support.ghost.org/" target="_blank"><i class="icon-ambulance"></i> Support Center</a></li> <li role="presentation"><a class="dropdown-item help-menu-support" role="menuitem" tabindex="-1" href="http://support.ghost.org/" target="_blank"><i class="icon-ambulance"></i> Support Center</a></li>
<li role="presentation"><a class="dropdown-item help-menu-tweet" role="menuitem" tabindex="-1" href="https://twitter.com/intent/tweet?text=%40TryGhost+Hi%21+Can+you+help+me+with+&related=TryGhost" target="_blank" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;"><i class="icon-twitter"></i> Tweet @TryGhost!</a></li> <li role="presentation"><a class="dropdown-item help-menu-tweet" role="menuitem" tabindex="-1" href="https://twitter.com/intent/tweet?text=%40TryGhost+Hi%21+Can+you+help+me+with+&related=TryGhost" target="_blank" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;"><i class="icon-twitter"></i> Tweet @TryGhost!</a></li>