Nested menus with horiztonal tabs overlap tabs

@saganakat Please make sure to change the status of the ticket to 'Needs Review' if you are uploading a patch or raising MR. It will be easy for the community to review them quickly.

Verified the patch #2 on Drupal version 10.1.x and Gin Admin Theme version 8.x-3.x. The patch applied cleanly and it fixes the overlapping issue in horizontal tabs. I have attached the before and after screenshots for reference. Need RTBC+1 so moving to Needs Review.

I apologize nayana_mvr → , I didn't know about the flow of the issue when proposing a patch.

Thanks for your comment.

#saganakant I reviewed your patch, in SCSS file you wrote a css in the style flow not as a SCSS, In the SCSS we follow the nesting rule. can you please change it

Thanks :)

As per comment #9. I have updated the SCSS file using nesting.
Move to #needs review..

#santosh_verma Thanks! I'm re-uploading the patch with the suggested flow style.

patch #12 and #13 both are applied cleanly and working as expected on Drupal 10.1.x and Gin Theme

Thanks
@Nitin Shrivastava and @saganakant

Can we simplify the nesting used? Is it really necessary to use this type of nesting here? Also we should use Gin's CSS3 vars instead of a fixed rem value.

@saschaeggi I have added a patch with reduced nesting and managing the space with CSS3 variable which is created in the theme

Befor

After

Great, thanks. I've done some linting and added a comment, but otherwise 👍

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