Page 1 of 1
Topbar height
Posted: 22 Feb 2018, 14:14
by jackstuard
What is the recommended way to resize the height of the topbar in ultima-ng?
Changing height from layout-indigo.css (.layout-container .topbar) seems that is not enough..
Re: Topbar height
Posted: 05 Mar 2018, 09:27
by merve7
Can you give me your code?
I tried ;
in src/styles.scss
Code: Select all
.layout-container .topbar {
height: 100px;
}
and it's work
Re: Topbar height
Posted: 12 Apr 2018, 17:14
by jackstuard
Let me ask this in another way:
If I want to change the theme, like I'm doing now (the top menu height is too big to me),
how can I change the theme to keep retro compatibility with ultima-ng in a case of update?
Re: Topbar height
Posted: 01 May 2018, 10:49
by Darnoj
RTFM
https://www.primefaces.org/ultima-ng/#/documentation
"Theme" part
A custom theme can be developed by the following steps.
Choose a custom theme name such as theme-myown.
Create a file named theme-myown.scss under assets/theme folder.
Define the variables listed below and import the /sass/theme/_theme.scss file.
Build the scss to generate css
Include the generated theme.css to your page.
Re: Topbar height
Posted: 15 May 2018, 16:37
by mert.sincan
Angular Cli creates an SCSS file named styles.scss. You can add @merve7's fix into it. When you update Ultima Layout, it'll not be affected.
Regards,
Re: Topbar height
Posted: 15 May 2018, 19:05
by jackstuard
aragorn wrote: ↑15 May 2018, 16:37
Angular Cli creates an SCSS file named styles.scss. You can add @merve7's fix into it. When you update Ultima Layout, it'll not be affected.
Regards,
That's a good answer, thank you!
Re: Topbar height
Posted: 16 May 2018, 06:46
by mert.sincan
You're welcome!