Ticket #3046

modules/base/general/template/css/main.css

@@ -167,8 +167,8 @@ div.bx-base-general-comments div.bx-base-general-comments-counter-holder {
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.sys-author ul.bx-menu-custom.bx-menu-hor,
-.bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-hor {
+.sys-author ul.bx-menu-custom.bx-menu-custom-hor,
+.bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor {
     position: relative;
     display: -webkit-flex;
     display: flex;
@@ -181,26 +181,26 @@ div.bx-base-general-comments div.bx-base-general-comments-counter-holder {
 
     margin: 0.1rem 0 0.2rem 0;
 }
-.sys-author ul.bx-menu-custom.bx-menu-hor > li,
-.bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-hor > li {
+.sys-author ul.bx-menu-custom.bx-menu-custom-hor > li,
+.bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li {
     -webkit-flex: 0 1 auto; 
     -ms-flex:  0 1 auto; 
     flex: 0 1 auto;
 
     white-space: nowrap;
 }
-.sys-author ul.bx-menu-custom.bx-menu-hor > li.bx-menu-item-nl,
-.bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-hor > li.bx-menu-item-nl {
+.sys-author ul.bx-menu-custom.bx-menu-custom-hor > li.bx-menu-item-nl,
+.bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li.bx-menu-item-nl {
     display: none;
     width: 100%;
     height: 0.5rem;
 }
-.bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-hor > li.bx-menu-item-nl {
+.bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li.bx-menu-item-nl {
     display: block;
 }
 
-.sys-author ul.bx-menu-custom.bx-menu-hor > li > span,
-.bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-hor > li > span {
+.sys-author ul.bx-menu-custom.bx-menu-custom-hor > li > span,
+.bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li > span {
     margin-left: 0;
     margin-right: 0;
 }

modules/base/profile/template/css/main.css

@@ -121,8 +121,8 @@
     text-align:center;
 }
 
-.bx-base-pofile-unit-with-cover .sys-author ul.bx-menu-custom.bx-menu-hor,
-.bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-hor {
+.bx-base-pofile-unit-with-cover .sys-author ul.bx-menu-custom.bx-menu-custom-hor,
+.bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor {
     -webkit-justify-content: center;
     justify-content: center;
 }
@@ -397,7 +397,8 @@ a.bx-base-pofile-cover-thumb p.bx-base-pofile-unit-thumb.bx-def-ava-big-size {
     -webkit-justify-content: center;
     justify-content: center;
 }
-.bx-base-pofile-cover-actions .bx-menu-hor li.bx-menu-item {
+.bx-base-pofile-cover-actions .bx-menu-hor li.bx-menu-item,
+.bx-base-pofile-cover-actions .bx-menu-custom-hor li.bx-menu-item {
     white-space: nowrap;
 }
 

modules/boonex/decorous/data/template/system/css/menu.less

@@ -180,18 +180,17 @@
 
 /*--- Popup menus (vertical) ---*/
 .bx-popup ul.bx-menu-ver,
-.bx-popup ul.bx-menu-custom.bx-menu-ver,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver {
     margin: -0.5rem;
 }
 .bx-popup ul.bx-menu-ver li,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li {
     margin-top: 0;
     margin-bottom: 0;
 }
-.bx-popup ul.bx-menu-custom.bx-menu-ver.bx-menu-submenu-more-auto li.bx-menu-item {
-    padding: 0.25rem 0.5rem;
+.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item,
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item {
+    padding: 0;
     line-height: normal;
 }
 .bx-popup ul.bx-menu-ver li div.bx-def-padding-sec,
@@ -200,14 +199,11 @@
     margin: 0;
     padding: 0.25rem 0.5rem;
 }
-.bx-popup ul.bx-menu-custom.bx-menu-ver li > span,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li > .bx-def-margin-thd-topbottom {
+.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > span,
+.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > .bx-def-margin-thd-topbottom {
     margin: 0;
 }
 .bx-popup ul.bx-menu-ver li > a,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li > span > a,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li > span > span,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li > span > span > a,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span > a,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span > span,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span > span > a,
@@ -218,24 +214,20 @@
     padding: 0;
 }
 .bx-popup ul.bx-menu-ver li a > div > span,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li a > span:not(.sys-action-do-icon),
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > span:not(.sys-action-do-icon) {
     margin-left: 1.0rem;
     line-height: 1.5rem;
     .font-size(@bx-font-size-middle);
 }
-.bx-popup ul.bx-menu-custom.bx-menu-ver.bx-menu-submenu-more-auto li.bx-menu-item a {
+.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item a {
     display: block;
     line-height: 1.5rem;
 }
 .bx-popup ul.bx-menu-ver li a > div img,
 .bx-popup ul.bx-menu-ver li a > div .sys-icon,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li a > img,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li a > .sys-icon,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li a > span.sys-action-do-icon,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li a > span.sys-action-do-icon .sys-icon,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > img,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > .sys-icon,
+.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > span.sys-action-do-icon,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > span.sys-action-do-icon .sys-icon {
     width: 1.0rem;
     height: 1.0rem;
@@ -246,14 +238,14 @@
 
 /*--- Custom Menu with More Auto ---*/
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item a,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item a,
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
     font-weight: normal;
     color: @bx-color-link-body;
 }
 
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn .sys-icon,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn .sys-icon {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn .sys-icon {
     color: @bx-color-icon-body;
 }
 

modules/boonex/forum/template/css/main.css

@@ -157,10 +157,10 @@
     padding-top: 0.2rem;
 }
 
-.bx-forum-grid-preview .bx-forum-gp-meta .bx-menu-custom.bx-menu-hor {
+.bx-forum-grid-preview .bx-forum-gp-meta .bx-menu-custom.bx-menu-custom-hor {
     margin: 0;
 }
-.bx-forum-grid-preview .bx-forum-gp-meta.bx-forum-gpm-bottom .bx-menu-custom.bx-menu-hor {
+.bx-forum-grid-preview .bx-forum-gp-meta.bx-forum-gpm-bottom .bx-menu-custom.bx-menu-custom-hor {
     -webkit-align-items: center;
     align-items: center;
     -webkit-flex-wrap: nowrap;
@@ -168,7 +168,7 @@
 
     max-width: 100%;
 }
-.bx-forum-grid-preview .bx-forum-gp-meta.bx-forum-gpm-bottom .bx-menu-custom.bx-menu-hor li {
+.bx-forum-grid-preview .bx-forum-gp-meta.bx-forum-gpm-bottom .bx-menu-custom.bx-menu-custom-hor li {
     -webkit-flex: 0 0 auto;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
@@ -176,11 +176,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
 }
-.bx-forum-grid-preview .bx-forum-gp-meta.bx-forum-gpm-bottom .bx-menu-custom.bx-menu-hor li.bx-menu-item-reply-text {
+.bx-forum-grid-preview .bx-forum-gp-meta.bx-forum-gpm-bottom .bx-menu-custom.bx-menu-custom-hor li.bx-menu-item-reply-text {
     -webkit-flex-shrink: 1;
     flex-shrink: 1;
 }
-.bx-forum-grid-preview .bx-forum-gp-meta.bx-forum-gpm-bottom .bx-menu-custom.bx-menu-hor li .bx-base-general-unit-meta-item {
+.bx-forum-grid-preview .bx-forum-gp-meta.bx-forum-gpm-bottom .bx-menu-custom.bx-menu-custom-hor li .bx-base-general-unit-meta-item {
     display: contents;
 }
 .bx-layout-col.bx-layout-column-thin .bx-forum-grid-preview .bx-forum-gp-meta .bx-def-media-phone-hide {

modules/boonex/lucid/data/template/system/css/cmts.css

@@ -32,7 +32,7 @@ div.cmts li.cmt div.cmt-cnt div.cmt-cont .cmt-body {
 	font-size: 0.875rem;
 }
 
-div.cmts li.cmt div.cmt-cnt .cmt-actions .bx-menu-custom.bx-menu-hor > li > span {
+div.cmts li.cmt div.cmt-cnt .cmt-actions .bx-menu-custom.bx-menu-custom-hor > li > span {
 	margin-top: 0;
 	margin-bottom: 0;
 }

modules/boonex/lucid/data/template/system/css/common.css

@@ -1,5 +1,10 @@
 @import url(../../../../../../../template/css/common.css);
 
+/* --- Design boxes --- */
+.bx-db-container .bx-db-header {
+    height: 40px;
+}
+
 /* --- Buttons --- */
 .bx-btn i,
 .bx-btn u {

modules/boonex/lucid/data/template/system/css/menu.less

@@ -235,7 +235,7 @@ ul.bx-menu-toolbar li a .bx-menu-item-addon {
 .bx-menu-main-bar-wrapper .bx-menu-main-submenu li {
 	position: relative;
 }
-.bx-menu-main-bar-wrapper .bx-menu-main-submenu li > a {
+.bx-menu-main-bar-wrapper .bx-menu-main-submenu > li > a {
 	display: -webkit-flex;
 	display: flex;
 	-webkit-flex-flow: row nowrap;
@@ -519,8 +519,8 @@ ul.bx-menu-toolbar li a .bx-menu-item-addon {
     border-color: transparent;
     background-color: transparent;
 }
-.bx-popup .bx-menu-custom-ver li > span,
-.bx-popup .bx-menu-custom-ver li > .bx-def-margin-thd-topbottom {
+.bx-popup .bx-menu-custom-ver:not(.bx-menu-submenu-more-auto) li > span,
+.bx-popup .bx-menu-custom-ver:not(.bx-menu-submenu-more-auto) li > .bx-def-margin-thd-topbottom {
     width: 100%;
     margin: 0 !important;
     padding: 0.25rem 0.5rem;
@@ -542,6 +542,10 @@ ul.bx-menu-toolbar li a .bx-menu-item-addon {
     margin: 0;
     padding: 0;
 }
+.bx-popup .bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item a {
+    display: block;
+    line-height: 1.5rem;
+}
 .bx-menu-floating-blocks.bx-menu-object-sys_add_content li > a,
 .bx-menu-floating-blocks-wide.bx-menu-object-sys_account_notifications li > a {
     padding: 0.25rem 0.5rem;
@@ -597,6 +601,7 @@ ul.bx-menu-toolbar li a .bx-menu-item-addon {
     width:25%;
 }
 
+
 /* --------------- profile stats menu */
 .bx-menu-ver.bx-menu-object-sys_profile_stats li .bx-menu-addon-cnt.bx-def-color-bg-hl {
 	background-color: transparent;
@@ -605,13 +610,13 @@ ul.bx-menu-toolbar li a .bx-menu-item-addon {
 
 /*--- Custom Menu with More Auto ---*/
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item a,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item a,
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
     font-weight: normal;
 }
 
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn .sys-icon,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn .sys-icon {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn .sys-icon {
     color: @bx-color-icon-body;
 }
 

modules/boonex/lucid/data/template/system/css/report.css

@@ -10,9 +10,8 @@
     align-items: center;
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
-	box-sizing: border-box;
-	width: 100%;
-	padding: 0 0.625rem;
+    box-sizing: border-box;
+    width: 100%;
 }
 
 .bx-popup .bx-menu-custom-ver li .bx-report a {

modules/boonex/ocean/data/template/system/css/menu.css

@@ -48,8 +48,8 @@ ul.bx-menu-toolbar li a .sys-icon-a {
 
 /* --------------- custom menu */
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .sys-icon,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .sys-icon,
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .sys-icon,
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
     color: #29789c;
 }

modules/boonex/protean/data/template/system/css/menu.less

@@ -4,9 +4,9 @@
 
 /* --------------- custom menu */
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .sys-icon,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .sys-icon,
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .sys-icon,
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
     color: rgba(30, 150, 250, 0.9);
 }
 
@@ -37,10 +37,10 @@ ul.bx-menu-ver.bx-menu-profile-stats li.bx-menu-item-profile-stats-profile .bx-m
  * Popup menus (vertical)
  *
  * ul.bx-menu-ver - Common vertical menus, like Timeline -> Share.
- * ul.bx-menu-custom.bx-menu-ver - Custom menus with Auto More functionality, like content view page -> Action buttons and Page Submenu on view profile pages.
  * ul.bx-menu-custom.bx-menu-custom-ver - Other custom menus, like in Timeline cards.
+ * ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto - Custom menus with Auto More functionality, like content view page -> Action buttons and Page Submenu on view profile pages.
  */
-.bx-popup ul.bx-menu-custom.bx-menu-ver {
+.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto {
     margin: -1.0rem;
 }
 .bx-popup ul.bx-menu-ver,
@@ -48,18 +48,17 @@ ul.bx-menu-ver.bx-menu-profile-stats li.bx-menu-item-profile-stats-profile .bx-m
     margin: -1.25rem;
 }
 .bx-popup ul.bx-menu-ver li,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li {
     margin-top: 0;
     margin-bottom: 0;
     border-top: @bx-border-width @bx-border-type @bx-border-color-hr;
 }
-.bx-popup ul.bx-menu-custom.bx-menu-ver.bx-menu-submenu-more-auto li.bx-menu-item {
-    padding: 0.5rem 1.0rem;
+.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item,
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item {
+    padding: 0;
     line-height: normal;
 }
 .bx-popup ul.bx-menu-ver li:first-child,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li:first-child,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li:first-child {
     border-top-width: 0;
 }
@@ -69,14 +68,11 @@ ul.bx-menu-ver.bx-menu-profile-stats li.bx-menu-item-profile-stats-profile .bx-m
     margin: 0;
     padding: 0.5rem 1.0rem;
 }
-.bx-popup ul.bx-menu-custom.bx-menu-ver li > span,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li > .bx-def-margin-thd-topbottom {
+.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > span,
+.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > .bx-def-margin-thd-topbottom {
     margin: 0;
 }
 .bx-popup ul.bx-menu-ver li > a,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li > span > a,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li > span > span,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li > span > span > a,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span > a,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span > span,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span > span > a,
@@ -87,25 +83,20 @@ ul.bx-menu-ver.bx-menu-profile-stats li.bx-menu-item-profile-stats-profile .bx-m
     padding: 0;
 }
 .bx-popup ul.bx-menu-ver li a > div > span,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li a > span:not(.sys-action-do),
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > span:not(.sys-action-do),
-.bx-popup ul.bx-menu-custom.bx-menu-ver li a span.sys-action-do-text,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a span.sys-action-do-text {
     margin-left: 1.0rem;
     line-height: 1.5rem;
 }
-.bx-popup ul.bx-menu-custom.bx-menu-ver.bx-menu-submenu-more-auto li.bx-menu-item a {
+.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item a {
     display: block;
     line-height: 1.5rem;
 }
 .bx-popup ul.bx-menu-ver li a > div img,
 .bx-popup ul.bx-menu-ver li a > div .sys-icon,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li a > img,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li a > .sys-icon,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li a span.sys-action-do-icon,
-.bx-popup ul.bx-menu-custom.bx-menu-ver li a span.sys-action-do-icon > .sys-icon,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > img,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > .sys-icon,
+.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a span.sys-action-do-icon,
 .bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a span.sys-action-do-icon > .sys-icon {
     width: 1.0rem;
     height: 1.0rem;

modules/boonex/timeline/template/css/view.css

@@ -425,14 +425,14 @@ div.bx-tl-item div.bx-tl-owner-name .bx-tl-hot .sys-icon {
     text-overflow: ellipsis;
     text-align: left;
 }
-.bx-tl-item-meta ul.bx-menu-custom.bx-menu-hor {
+.bx-tl-item-meta ul.bx-menu-custom.bx-menu-custom-hor {
     position: relative;
     display: inline-block;
 }
-.bx-tl-item-meta ul.bx-menu-custom.bx-menu-hor > li {
+.bx-tl-item-meta ul.bx-menu-custom.bx-menu-custom-hor > li {
     vertical-align: top;
 }
-.bx-tl-item-meta ul.bx-menu-custom.bx-menu-hor > li > span {
+.bx-tl-item-meta ul.bx-menu-custom.bx-menu-custom-hor > li > span {
     margin-right: 0;
 }
 .bx-tl-item-meta ul.bx-menu-custom li:first-child .bx-tl-item-meta-div {
@@ -550,37 +550,37 @@ div.bx-tl-item div.bx-tl-item-image {
 }
 
 /*--- Item Activity (Actions and Manage are different menus) ---*/
-div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-hor {
+div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-custom-hor {
     position: relative;
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
 }
-div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-hor.bx-mma-ready {
+div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-custom-hor.bx-mma-ready {
     -webkit-justify-content: flex-start;
     justify-content: flex-start;
 }
-div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-hor::before,
-div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-hor::after {
+div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-custom-hor::before,
+div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-custom-hor::after {
     display: none;
 }
 div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom li > a,
 div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom li > span {
     display: block;
 }
-div.bx-tl-item div.bx-tl-item-activity.bx-tl-ia-counters .bx-menu-custom.bx-menu-hor {
+div.bx-tl-item div.bx-tl-item-activity.bx-tl-ia-counters .bx-menu-custom.bx-menu-custom-hor {
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap
 }
-div.bx-tl-item div.bx-tl-item-activity.bx-tl-ia-counters .bx-menu-custom.bx-menu-hor li > a,
-div.bx-tl-item div.bx-tl-item-activity.bx-tl-ia-counters .bx-menu-custom.bx-menu-hor li > div,
-div.bx-tl-item div.bx-tl-item-activity.bx-tl-ia-counters .bx-menu-custom.bx-menu-hor li > span {
+div.bx-tl-item div.bx-tl-item-activity.bx-tl-ia-counters .bx-menu-custom.bx-menu-custom-hor li > a,
+div.bx-tl-item div.bx-tl-item-activity.bx-tl-ia-counters .bx-menu-custom.bx-menu-custom-hor li > div,
+div.bx-tl-item div.bx-tl-item-activity.bx-tl-ia-counters .bx-menu-custom.bx-menu-custom-hor li > span {
     margin-top: 1.0rem;
     margin-right: 1.25rem;
 }
-div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-hor.bx-menu-hor li > a,
-div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-hor.bx-menu-hor li > span {
+div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-custom-hor li > a,
+div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-custom-hor li > span {
     margin-right: 1.25rem;
 }
 div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom li > span {
@@ -653,30 +653,30 @@ div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-more-auto .bx-pop
 }
 
 /*--- Item Activity without Auto-More ---*/
-div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-hor:not(.bx-menu-more-auto),
-div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-hor:not(.bx-menu-more-auto) li {
+div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-custom-hor:not(.bx-menu-more-auto),
+div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-custom-hor:not(.bx-menu-more-auto) li {
     overflow: hidden;
 }
-div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-hor:not(.bx-menu-more-auto) a,
-div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-hor:not(.bx-menu-more-auto) span {
+div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-custom-hor:not(.bx-menu-more-auto) a,
+div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-custom-hor:not(.bx-menu-more-auto) span {
     display: block;
     white-space: nowrap;
 }
-div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-hor:not(.bx-menu-more-auto) span.bx-menu-item-icon,
-div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-hor:not(.bx-menu-more-auto) span.sys-action-do-icon {
+div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-custom-hor:not(.bx-menu-more-auto) span.bx-menu-item-icon,
+div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-custom-hor:not(.bx-menu-more-auto) span.sys-action-do-icon {
     -webkit-flex-shrink: 0;
     flex-shrink: 0;
 }
-div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-hor:not(.bx-menu-more-auto) .sys-action-element-holder,
-div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-hor:not(.bx-menu-more-auto) .bx-menu-item-title,
-div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-hor:not(.bx-menu-more-auto) .sys-action-do-text {
+div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-custom-hor:not(.bx-menu-more-auto) .sys-action-element-holder,
+div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-custom-hor:not(.bx-menu-more-auto) .bx-menu-item-title,
+div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-custom-hor:not(.bx-menu-more-auto) .sys-action-do-text {
     max-width: 100%;
 
     -webkit-flex-shrink: 1;
     flex-shrink: 1;
 }
-div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-hor:not(.bx-menu-more-auto) .bx-menu-item-title,
-div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-hor:not(.bx-menu-more-auto) .sys-action-do-text {
+div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-custom-hor:not(.bx-menu-more-auto) .bx-menu-item-title,
+div.bx-tl-item div.bx-tl-item-activity:not(.bx-tl-ia-counters) .bx-menu-custom.bx-menu-custom-hor:not(.bx-menu-more-auto) .sys-action-do-text {
     overflow: hidden;
     text-overflow: ellipsis;
 }

template/css/cmts.css

@@ -136,7 +136,7 @@
         text-overflow: ellipsis;
         text-align: left;
     }
-    .cmt-meta.bx-base-general-unit-meta .bx-menu-custom.bx-menu-hor {
+    .cmt-meta.bx-base-general-unit-meta .bx-menu-custom.bx-menu-custom-hor {
         margin: 0;
     }
 

template/css/general.css

@@ -374,7 +374,7 @@ div.bx-account-unit-online {
 .bx-media-phone .sys-cpf-submenu {
     max-width: 70%;
 }
-.sys-cpf-submenu-cnt ul.bx-menu-custom.bx-menu-hor.bx-menu-more-auto:not(.bx-menu-submenu-more-auto) {
+.sys-cpf-submenu-cnt ul.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto:not(.bx-menu-submenu-more-auto) {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: flex-end;
@@ -406,7 +406,7 @@ div.bx-account-unit-online {
     display: none;
 }
 .sys-cpf-submenu-cnt ul li:not(.bx-menu-item-more-auto) a span,
-.sys-cpf-submenu-cnt ul.bx-menu-custom.bx-menu-ver.bx-menu-submenu-more-auto li:not(.bx-menu-item-more-auto) a span {
+.sys-cpf-submenu-cnt ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li:not(.bx-menu-item-more-auto) a span {
     margin: 0;
 }
 .sys-cpf-submenu-cnt ul li.bx-menu-tab-active {
@@ -442,11 +442,11 @@ div.bx-account-unit-online {
 	max-width: 9.375rem;
 }
 .sys-cpf-close {
-	position: absolute;
-	display: none;
+    position: absolute;
+    display: none;
 
-	right: 1.25rem;
-	bottom: 1.25rem;
+    right: 0;
+    bottom: 0;
 }
 
 
@@ -469,20 +469,20 @@ div.bx-account-unit-online {
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
 }
-.sys-author-profile ul.bx-menu-custom.bx-menu-hor {
+.sys-author-profile ul.bx-menu-custom.bx-menu-custom-hor {
     line-height: 0.625rem;
 }
-.sys-author-profile ul.bx-menu-custom.bx-menu-hor > li.bx-menu-item-nl {
+.sys-author-profile ul.bx-menu-custom.bx-menu-custom-hor > li.bx-menu-item-nl {
     width: 100%;
 }
-.sys-author-profile .bx-menu-custom.bx-menu-hor > li > span {
+.sys-author-profile .bx-menu-custom.bx-menu-custom-hor > li > span {
     margin-right: 0;
 }
-.sys-author-profile .bx-menu-custom.bx-menu-hor > li > span.bx-base-profile-unit-meta-item.bx-def-padding-thd-leftright {
+.sys-author-profile .bx-menu-custom.bx-menu-custom-hor > li > span.bx-base-profile-unit-meta-item.bx-def-padding-thd-leftright {
     padding-left: 0;
     padding-right: 0.5rem;
 }
-.sys-author-profile .bx-menu-custom.bx-menu-hor > li:first-child .bx-base-general-unit-meta-div {
+.sys-author-profile .bx-menu-custom.bx-menu-custom-hor > li:first-child .bx-base-general-unit-meta-div {
     display: none;
 }
 

template/css/menu.css

@@ -1,17 +1,20 @@
 /* --------------- horizontal menu */
 
-ul.bx-menu-hor {
+ul.bx-menu-hor,
+ul.bx-menu-custom-hor {
     padding:0;
     margin:0;
     list-style:none;
 }
 
-.bx-menu-hor li {
+.bx-menu-hor li,
+.bx-menu-custom-hor li {
     display:inline-block;
     vertical-align:middle;
 }
 
-.bx-menu-hor li a {
+.bx-menu-hor li a,
+.bx-menu-custom-hor li a {
     display:block;
     text-decoration:none;
 }
@@ -20,23 +23,28 @@ ul.bx-menu-hor {
     display:inline;
 }
 
-.bx-menu-hor li.bx-menu-tab-active a {
+.bx-menu-hor li.bx-menu-tab-active a,
+.bx-menu-custom-hor li.bx-menu-tab-active a {
     color:#000;
 }
 
 .bx-menu-hor li img,
-.bx-menu-hor li .sys-icon {
+.bx-menu-hor li .sys-icon,
+.bx-menu-custom-hor li img, 
+.bx-menu-custom-hor li .sys-icon {
     display:inline-block;
     vertical-align:middle;
 }
-.bx-menu-hor li img {
+.bx-menu-hor li img,
+.bx-menu-custom-hor li img {
     height:1.6rem;
     width:auto;
 
     background-position: center center;
     background-repeat: no-repeat;
 }
-.bx-menu-hor li a > span {
+.bx-menu-hor li a > span,
+.bx-menu-custom-hor li a > span{
     vertical-align:middle;
 }
 
@@ -660,16 +668,15 @@ ul.bx-menu-btns-icon-hor li:last-child .bx-btn {
     display:inline-block;
 }
 
-.bx-menu-custom.bx-menu-hor > li > span {
-	margin-right: 20px;
+.bx-menu-custom.bx-menu-custom-hor > li > span {
+    margin-right: 20px;
     margin-right: 1.25rem;
 }
 
 
 /*--- Custom Menu with More Auto ---*/
 .bx-menu-main-submenu.bx-menu-more-auto,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto,
-.bx-menu-custom.bx-menu-hor.bx-menu-submenu-more-auto {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto {
     position: relative;
     display: -webkit-flex;
     display: flex;
@@ -679,20 +686,14 @@ ul.bx-menu-btns-icon-hor li:last-child .bx-btn {
     justify-content: flex-start;
 }
 .bx-menu-main-submenu.bx-menu-more-auto,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto {
     -webkit-flex-wrap: nowrap;
     flex-wrap: nowrap;
 
     overflow: hidden;
 }
-.bx-menu-custom.bx-menu-hor.bx-menu-submenu-more-auto {
-    -webkit-flex-wrap: wrap;
-    flex-wrap: wrap;
-
-    min-width: 18rem;
-}
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-item,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item {
     position: relative;
     display: block;
 
@@ -712,29 +713,29 @@ ul.bx-menu-btns-icon-hor li:last-child .bx-btn {
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-item:last-child > a,
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-item:last-child > a.bx-btn,
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-item:last-child > span,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item > a:last-child,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item > a.bx-btn:last-child,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item > span:last-child,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item:last-child > a,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item:last-child > a.bx-btn,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item:last-child > span {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item > a:last-child,
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item > a.bx-btn:last-child,
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item > span:last-child,
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item:last-child > a,
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item:last-child > a.bx-btn,
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item:last-child > span {
     margin-right: 0;
 }
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto {
     display: none;
 }
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto > span,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto > span {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto > span {
     display: block;
     margin: 0;
 }
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto a,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto a {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto a {
     padding: 0 0.5rem;
 }
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item {
     padding-top: 0.25rem;
     padding-bottom: 0.25rem;
 }
@@ -744,14 +745,14 @@ ul.bx-menu-btns-icon-hor li:last-child .bx-btn {
     width: 2.0rem;
 }
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn,
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn,
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn-height,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn-height {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn-height {
     height: auto;
     line-height: auto;
 }
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
     position: relative;
     display: -webkit-flex;
     display: flex;
@@ -769,18 +770,18 @@ ul.bx-menu-btns-icon-hor li:last-child .bx-btn {
     text-shadow: none;
 }
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .sys-icon,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .sys-icon,
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .sys-icon,
 .bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn,
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
     color: #3e8685;
 }
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item.bx-base-general-ea-sa .sys-action-element-holder a span:not(.sys-action-do-icon) {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-base-general-ea-sa .sys-action-element-holder a span:not(.sys-action-do-icon) {
     display: none;
 }
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item.bx-base-general-ea-sa .sys-action-element-holder a span:not(.sys-action-do-icon) {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item.bx-base-general-ea-sa .sys-action-element-holder a span:not(.sys-action-do-icon) {
     display: inline;
 }
-.bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item.bx-base-general-ea-sa .sys-action-element-holder a span.sys-action-do {
+.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item.bx-base-general-ea-sa .sys-action-element-holder a span.sys-action-do {
     margin-left: 0px;
 }
 

template/menu_custom_hor.html

@@ -1,4 +1,4 @@
-<ul id="__html_id__" class="bx-menu-custom bx-menu-hor bx-menu-hor-inline<bx_if:show_more_auto_class> bx-menu-more-auto</bx_if:show_more_auto_class> bx-menu-object-__object__ bx-clearfix">
+<ul id="__html_id__" class="bx-menu-custom bx-menu-custom-hor bx-menu-hor-inline<bx_if:show_more_auto_class> bx-menu-more-auto</bx_if:show_more_auto_class> bx-menu-object-__object__ bx-clearfix">
     <bx_repeat:menu_items>
         <li class="bx-menu-item bx-menu-item-__name____class__">__item__</li>
     </bx_repeat:menu_items>

template/menu_item_more_popup.html

@@ -1,3 +1,3 @@
 <div class="bx-def-padding">
-    <ul class="bx-menu-custom bx-menu-ver bx-menu-submenu-more-auto bx-clearfix">__content__</ul>
+    <ul class="bx-menu-custom bx-menu-custom-ver bx-menu-submenu-more-auto bx-clearfix">__content__</ul>
 </div>