Topbar height

Post Reply
jackstuard
Posts: 27
Joined: 03 Aug 2011, 15:53

22 Feb 2018, 14:14

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..

Image

merve7
Posts: 201
Joined: 12 Sep 2017, 10:44

05 Mar 2018, 09:27

Can you give me your code?
I tried ;
in src/styles.scss

Code: Select all

.layout-container .topbar {
    height: 100px;
}
and it's work

jackstuard
Posts: 27
Joined: 03 Aug 2011, 15:53

12 Apr 2018, 17:14

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?

Darnoj
Posts: 15
Joined: 06 Oct 2017, 12:18

01 May 2018, 10:49

RTFM :twisted:
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.
;)

User avatar
aragorn
Posts: 2985
Joined: 29 Jun 2013, 12:38

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,

jackstuard
Posts: 27
Joined: 03 Aug 2011, 15:53

15 May 2018, 19:05

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!

User avatar
aragorn
Posts: 2985
Joined: 29 Jun 2013, 12:38

16 May 2018, 06:46

You're welcome!

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests