Tagged: angular window, custom element, custom window element, smart elements, smart framework, smart window, web component, web components, window header size
I am using the theme contained in smart.default.css and the size of the titlebar of smart.window seems to be optimised for mobile users.
However, my target audience are Desktop users.
How can I reduce the size of the titlebar?
Is there a theme suited for Deskop users?
The size of the Window header is controlled by a CSS variable. In order to change the size simply set the CSS variable like so:
--smart-window-header-height: 30px; /* The default size is 50px */
Our themes do not affect the sizes of any of the elements. They only define their colors.
Smart HTML Elements Team