Menu alignment is break [#2977424]

Problem/Motivation

When menu item has sub item then layout is break, see the attached file (menu-error.png). Also sub item text is not visible when it has no sub item, see the attached file (menu-level2.png). Sub menu layout also change when hover on that item. See the attached file (menu-level3.png).

To Reproduce

Steps:
1. Create menu item with sub items.
2. Hover on that item which has sub menu item.

Expected Result

Sub menu item should be visible and item should be align properly.

menu-error

menu-level2

menu-level3

Comment	File	Size	Author
#7	belle-issue-2977424.png	629.55 KB	saxenaakansha30
#7	issue-2977424-2977436.patch	1.89 KB	saxenaakansha30
#6	Menu alignment is break.png	494.03 KB	deepakkumar14
#5	Menu_alignment_break_2977424_5.patch	1.84 KB	devshi.addweb
	menu-level3.png	188.32 KB	bandanasharma
	menu-level2.png	111.84 KB	bandanasharma
	menu-error.png	38.45 KB	bandanasharma

Comments

Comment #1

5 June 2018 at 06:54

bandanasharma created an issue. See original summary.

Comment #2

bandanasharma commented 5 June 2018 at 06:56

Issue summary:

View changes

Comment #3

bandanasharma commented 5 June 2018 at 07:20

Priority:

Normal

» Major

Comment #4

devshi.addweb commented 7 June 2018 at 05:58

Assigned:

Unassigned

» devshi.addweb

Comment #5

devshi.addweb commented 7 June 2018 at 11:00

Status:

Active

» Needs review

Status	File	Size
new	Menu_alignment_break_2977424_5.patch	1.84 KB

@bandanasharma, I review your issue mentioned above, I worked on it & attached the patch for the same. Kindly review my attached patch & let me know.

Comment #6

deepakkumar14 commented 8 June 2018 at 05:57

Status:

Needs review

» Needs work

Status	File	Size
new	Menu alignment is break.png	494.03 KB

@hiral.addweb i have reviewed your patch and the alignment issue still not better and I think the left side white space should be reduced as well. The child of sub child menu breaks on screen. See the attached screenshot for the reference.