Adamantium menu Separator uses wrong css class

Locked
djmj
Posts: 400
Joined: 16 Dec 2011, 01:23

31 Mar 2016, 04:29

Separator in adamantium specific main menu is way to large since it uses css class Separator.

Regular theme menue uses classes ui-separator ui-state-default.

Current simple workaround:

1. use javascript to replace css classes or use

2.

Code: Select all

	.layout-menu .Separator
	{
		margin: 0 !important;
	}
Primefaces: 11.0.0 RC2
Primefaces-Extension: 11.0.0
PrimeFaces-Mobile: 11.0
OmniFaces: 3.11
Jsf: Mojarra 2.3.8
Server: Glassfish 5.1.0

daytona
Posts: 33
Joined: 05 Mar 2015, 09:36

21 Apr 2016, 13:48

x
Last edited by daytona on 13 Sep 2016, 10:12, edited 1 time in total.

djmj
Posts: 400
Joined: 16 Dec 2011, 01:23

21 Apr 2016, 20:35

Add a separator item to adamantium menu. You will see that its margin is way to large.
Primefaces: 11.0.0 RC2
Primefaces-Extension: 11.0.0
PrimeFaces-Mobile: 11.0
OmniFaces: 3.11
Jsf: Mojarra 2.3.8
Server: Glassfish 5.1.0

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

28 Apr 2016, 15:53

I'll add your css fix but, which value of border-bottom do you want to use?

Code: Select all

.layout-menu-cover-top .layout-menu > li {
    border-bottom: 1px dotted #e0e0e0; // now this css is active
    ...
}

.Separator {
    border-bottom: 1px solid #e0e0e0; // but I think this css may be active.
    ....
}

djmj
Posts: 400
Joined: 16 Dec 2011, 01:23

07 May 2016, 23:24

I don't see where this is related to it :D


I never realized menu has dotted border? white on light grey is not a big contrast, i had to zoom-in a lot to really see any dots at all. So i doubt solid would make a difference. I would use solid border.
Primefaces: 11.0.0 RC2
Primefaces-Extension: 11.0.0
PrimeFaces-Mobile: 11.0
OmniFaces: 3.11
Jsf: Mojarra 2.3.8
Server: Glassfish 5.1.0

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

18 May 2016, 15:56

Hi Djmj,

Thanks a lot for your update. I added the following css into next release;

Code: Select all

.layout-menu .Separator{
    margin: 0 !important;
    clear: none; // for top menu orientation
    width: auto; // for top menu orientation
    border-bottom: 1px solid #e0e0e0 !important;
}
Github issue; https://github.com/primefaces/layouts/issues/90

Locked

Return to “Adamantium”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests