diff --git a/resources/css/ext.uls.compactlinks.less b/resources/css/ext.uls.compactlinks.less index a3ba30f5..8223c9fa 100644 --- a/resources/css/ext.uls.compactlinks.less +++ b/resources/css/ext.uls.compactlinks.less @@ -36,16 +36,16 @@ border-top: 1px solid rgba( 0, 0, 0, 0.2 ); box-shadow: -2px -2px 2px rgba( 0, 0, 0, 0.1 ); content: ''; - height: 24px; - width: 24px; - left: -13px; + height: 16px; + width: 16px; + left: -9px; position: absolute; - /* The dialog middle is positioned 250px away from the center of the trigger. Substract 12 for + /* The dialog middle is positioned 250px away from the center of the trigger. Substract 8 for * half of the box height to center middle of the box rather than the top. The remaining 2 are * either for top-margin of the menu and border of this box, or because we use do not account * for the margin of the trigger when we use $.fn.outerWidth without true as a parameter. */ - top: 236px; + top: 240px; transform: rotate( -45deg ); -webkit-transform: rotate( -45deg ); -moz-transform: rotate( -45deg ); diff --git a/resources/js/ext.uls.compactlinks.js b/resources/js/ext.uls.compactlinks.js index 5d04decc..696cb865 100644 --- a/resources/js/ext.uls.compactlinks.js +++ b/resources/js/ext.uls.compactlinks.js @@ -131,10 +131,10 @@ width = $trigger.outerWidth(); height = $trigger.outerHeight(); - // Triangle width is: Math.sqrt( 2 * Math.pow( 25, 2 ) ) / 2 =~ 17.7; - // Box width = 24 + 1 for border. - // The resulting value is rounded up 20 to have a small space between. - triangleWidth = 20; + // Triangle width is: Math.sqrt( 2 * Math.pow( 16, 2 ) ) / 2 =~ 11.3; + // Box width = 16 + 1 for border. + // The resulting value is rounded up 14 to have a small space between. + triangleWidth = 14; if ( dir === 'rtl' ) { this.left = offset.left - this.$menu.outerWidth() - triangleWidth;