Question
Sales_Creatio_enterprise_edition
8.0

Menu item height size/font changes

Sach
00:00 Mar 31, 2023

How do I change:

  1. Height of menu items on the left-hand side menu?
  2. How to change the font size of those menu items?
    • Will doing so change the height of the menu items?
Like 0

Like

1 comments
Best reply
Dmytro Vovchenko
13:49 Apr 05, 2023

Hello,

In order to change the height and font-size of the left panel elements you need to write your own custom CSS for classes .ts-sidebar-item-image, .ts-sidebar-item-text, .ts-sidebar-list

UsrViewModuleCSS:

.ts-sidebar-item-image, .ts-sidebar-item-text, .ts-sidebar-list > li {
	height: 76px !important;
    font-size: 1.3em;
}

And then connect it in the replace model for BootstrapModulesV2:

 define("BootstrapModulesV2", ["css!UsrViewModuleCSS"],
function() {
	return {
		methods: {}
 
	};
});

Note, font-size doesn't change the height of the element.

Result:

Dmytro Vovchenko
13:49 Apr 05, 2023

Hello,

In order to change the height and font-size of the left panel elements you need to write your own custom CSS for classes .ts-sidebar-item-image, .ts-sidebar-item-text, .ts-sidebar-list

UsrViewModuleCSS:

.ts-sidebar-item-image, .ts-sidebar-item-text, .ts-sidebar-list > li {
	height: 76px !important;
    font-size: 1.3em;
}

And then connect it in the replace model for BootstrapModulesV2:

 define("BootstrapModulesV2", ["css!UsrViewModuleCSS"],
function() {
	return {
		methods: {}
 
	};
});

Note, font-size doesn't change the height of the element.

Result:

Show all comments