Problem/Motivation

Items in menus, e.g. Tools, do not have spacing between them. User menus have random distribution. This is especially a nuisance in the secondary menu and the secondary sidebar.

This applies to normal menus and Superfish menus.

Steps to reproduce

Login
Place Tools block in secondary sidebar. Add/enable items in the Tools menu.

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

CommentFileSizeAuthor
#12 item-align-after.png9.02 KBchandansha
#12 item-not-align-before.png9.33 KBchandansha
#11 AfterMR.png103.8 KBkanchan bhogade
#10 after_space_added_between_menu_items.png87.11 KBrahuly072
#4 flexi_bootstrap_after.png294.07 KBdivyansh.gupta
#4 flexi_bootstrap_before.png295.1 KBdivyansh.gupta

Issue fork flexistyle_bootstrap-3498599

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

edvanleeuwen created an issue. See original summary.

divyansh.gupta’s picture

divyansh.gupta commented
Assigned: Unassigned » divyansh.gupta

Working on it.

divyansh.gupta opened merge request !6

divyansh.gupta’s picture

divyansh.gupta commented
Assigned: divyansh.gupta » Unassigned
Status: Active » Needs review
StatusFileSize
new flexi_bootstrap_before.png295.1 KB
new flexi_bootstrap_after.png294.07 KB

Added space between menu items such that there is no spacing issue irrespective of region placed.
Before:
before
After:
after
Please review.

edvanleeuwen’s picture

edvanleeuwen
Primary language Dutch
Location Waalwijk
commented
Status: Needs review » Reviewed & tested by the community

Tested and verified. Thanks for the quick response.

anoopsingh92’s picture

anoopsingh92
Location Rajasthan, India
commented
Status: Reviewed & tested by the community » Needs work

Not fixed, this CSS is affecting all the nav items.

.nav .nav-item {
  margin-right: 10px;
}
.nav .nav-item:last-child {
  margin-right: 0;
}

Find out other ways instead of CSS.

rahuly072 made their first commit to this issue’s fork.

rahuly072 changed the visibility of the branch 3498599-items-not-alignedspaced to hidden.

rahuly072 opened merge request !7

rahuly072’s picture

rahuly072 commented
Status: Needs work » Needs review
StatusFileSize
new after_space_added_between_menu_items.png87.11 KB

Created MR !7 Added space between menu items.Below i have attached screenshot. Thanks

kanchan bhogade’s picture

kanchan bhogade commented
StatusFileSize
new AfterMR.png103.8 KB

Hi
I've tested MR !7 on Drupal 10.3.x
MR is applied successfully

Menu item spacing and alignment are updated

Attaching screenshot

RTBC+1

chandansha’s picture

chandansha commented
Status: Needs review » Reviewed & tested by the community
StatusFileSize
new item-not-align-before.png9.33 KB
new item-align-after.png9.02 KB

I have tested MR 7.
Now all the menu item have space for reference i have attached Screen shots.
I moved it to RTBC.
Thanks!!

anoopsingh92 closed merge request !6

anoopsingh92’s picture

anoopsingh92
Location Rajasthan, India
commented
Status: Reviewed & tested by the community » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.