@srishty-07 The SCSS style linter in drone complains here: https://ci.joomla.org/joomla/joomla-cms/43676/1/20

administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-tab.scss
 142:9  ✖  Expected "border-top" to come before "box-shadow"   order/properties-order

Thank you @richard67

Maybe remove it in joomla-tab.css?

joomla-tab > ul li + li {
margin-left: 1px;
}

Whatever you do and wherever you do it take extra care that it doesn't break orientation=horizontal

sir,
According to me, The reason for the jump in the menu is because of the border top and bottom given to the anchor tag and the default height of all li’s are the same, so due to that border there is a jump on hover,

so I added border-top and bottom as it was there on ‘a’, on hover to prevent jumping, but I am not able to manage the height of the right side border on hover, it is taking the by default height of the li.

And space as shown in the picture is coming because of the transparent border-top that is given to it on hover.

I have tested this item ✅ successfully on 069d22e

I have tested this item ✅ successfully on 069d22e

@srishty-07 Could you address here the issue @brianteeman discovered? Or is that a completely different thing?

sir,
According to me, The reason for the jump in the menu is because of the border top and bottom given to the anchor tag and the default height of all li’s are the same, so due to that border there is a jump on hover,

so I added border-top and bottom as it was there on ‘a’, on hover to prevent jumping, but I am not able to manage the height of the right side border on hover, it is taking the by default height of the li.

And space as shown in the picture is coming because of the transparent border-top that is given to it on hover.

.. @richard67 @brianteeman

@srishty-07 I did a check of the scss code, if you remove line 59
&[active], &:hover { border: 0;
and line 131
a[role=tab] { .... border-top: 1px solid transparent;
you get rid of the jump and the glitch found by Brian.

Please test it and check if the changes have side effects on other parts of the backend.

@srishty-07 I did a check of the scss code, if you remove line 59
&[active], &:hover { border: 0;
and line 131
a[role=tab] { .... border-top: 1px solid transparent;
you get rid of the jump and the glitch found by Brian.

Please test it and check if the changes have side effects on other parts of the backend.

Sure ma'am will try the changes.

Closing in favor of #34813. Thanks.