diff --git a/client/src/views/site/navbar.js b/client/src/views/site/navbar.js index 8920f7b0c2..b35ecf7ecd 100644 --- a/client/src/views/site/navbar.js +++ b/client/src/views/site/navbar.js @@ -158,7 +158,7 @@ class NavbarSiteView extends View { const itemCount = $menu.children().length; const tabHeight = isSide ? - this.$tabs.find('> .tab').height() : + this.$tabs.find('> .tab:not(.tab-divider)').height() : this.$tabs.find('.tab-group > ul > li:visible').height(); const menuHeight = tabHeight * itemCount; @@ -726,12 +726,12 @@ class NavbarSiteView extends View { this.$more.find('> li:visible').each((i, el) => { const $el = $(el); - moreHeight += $el.height(); + moreHeight += $el.outerHeight(true); }); minHeight = Math.max(minHeight, moreHeight); - const tabHeight = this.$tabs.find('> .tab').height(); + const tabHeight = this.$tabs.find('> .tab:not(.tab-divider)').height(); this.tabList.forEach((item, i) => { if (typeof item !== 'object') { diff --git a/frontend/less/espo/layout-side.less b/frontend/less/espo/layout-side.less index b2150d815c..bc47fe86d2 100644 --- a/frontend/less/espo/layout-side.less +++ b/frontend/less/espo/layout-side.less @@ -124,6 +124,9 @@ body[data-navbar="side"] { > li.more { > ul { > li.tab-divider { + min-height: 10px; + margin-top: 9px; + &:not(:first-child):before { height: 1px; margin: 9.5px 0;