Commit ef744179 authored by Nick Poulden's avatar Nick Poulden
Browse files

Hover menu overflow fix

parent 7baf064e

template/app/view/HoverMenuButton.js

+14 −3
Original line number Diff line number Diff line
@@ -85,10 +85,21 @@ Ext.define('Docs.view.HoverMenuButton', { 
                clearTimeout(this.hideTimeout);

                this.menu.show();

                // position menu right below button and show it

                var p = this.getEl().getXY();

                var p = this.getEl().getXY(),

                    toolbar = Ext.ComponentQuery.query('classoverview toolbar')[0],

                    leftOffset = p[0]-10,

                    toolbarOffset = toolbar.getEl().getXY(),

                    toolbarWidth = toolbar.getWidth(),

                    menuWidth = this.menu.getEl().getWidth(),

                    pageWidth = Ext.getCmp('doctabs').getWidth();



                if (menuWidth > pageWidth) leftOffset = 0;

                else if ((leftOffset + menuWidth) > pageWidth) leftOffset = pageWidth - menuWidth - 30;

                if (leftOffset < toolbarOffset[0]) leftOffset = toolbarOffset[0];



                this.menu.getEl().setStyle({

                    left: (p[0]-10)+"px",

                    top: (p[1]+23)+"px"

                    left: leftOffset+"px",

                    top: (p[1]+25)+"px"

                });

            },

            mouseout: this.deferHideMenu,

template/app/view/cls/Toolbar.js

+1 −2
Original line number Diff line number Diff line
@@ -12,8 +12,7 @@ Ext.define('Docs.view.cls.Toolbar', { 
    dock: 'top',

    cls: 'member-links',

    padding: '3 5',

    border: 1,

    style: 'border-width: 1px 1px 0px 1px !important;',

    style: 'border-width: 1px !important;',



    /**

     * @cfg {Object} docClass

template/resources/sass/viewport.scss

+1 −1
Original line number Diff line number Diff line
@@ -684,7 +684,7 @@ a { 
  z-index: 8;

  top: 21px;

  line-height: 1.3em;

  border: 1px solid $docs-border-color;

  border: 1px solid #e4e4e4;

  border-top: 1px solid #eaeaea;

  left: -16px;

  @include border-radius-bottom(5px);