Ghost/ghost/admin/app/components/gh-nav-menu/footer.js

32 lines
1.0 KiB
JavaScript
Raw Normal View History

import Component from '@ember/component';
import calculatePosition from 'ember-basic-dropdown/utils/calculate-position';
import classic from 'ember-classic-decorator';
import {and, match} from '@ember/object/computed';
import {inject as service} from '@ember/service';
@classic
export default class Footer extends Component {
@service config;
@service session;
@service router;
@service whatsNew;
@service feature;
@and('config.clientExtensions.dropdown', 'session.user.isOwnerOnly')
showDropdownExtension;
@match('router.currentRouteName', /^settings/)
isSettingsRoute;
// equivalent to "left: auto; right: -20px"
userDropdownPosition(trigger, dropdown) {
let {horizontalPosition, verticalPosition, style} = calculatePosition(...arguments);
let {width: dropdownWidth} = dropdown.firstElementChild.getBoundingClientRect();
style.right += (dropdownWidth - 20);
style['z-index'] = '1100';
return {horizontalPosition, verticalPosition, style};
}
}