My vertical tabs where complete out of position when viewed using a right-to-left language.
The fix was a simple one of just changing the rtl CSS file to use the same CSS selectors that the normal CSS file was using.

CommentFileSizeAuthor
#2 vertical_tabs_rtl.patch808 bytesharking
#1 vertical_tabs_rtl_css_v2.patch933 bytessinasalek
vertical_tabs_rtl_css.patch490 bytesNaX

Comments

sinasalek’s picture

sinasalek commented
StatusFileSize
new vertical_tabs_rtl_css_v2.patch933 bytes

Minor issue has been fixed

harking’s picture

harking commented
StatusFileSize
new vertical_tabs_rtl.patch808 bytes

Updated patch to match reversing used in main vertical_tabs.css. Now uses left and right rather than negative margins.

harking’s picture

harking commented
Status: Needs review » Reviewed & tested by the community
sinasalek’s picture

sinasalek commented

Any chance of having this included in the next release?!

dave reid’s picture

dave reid
he/him
Primary language English
Location Nebraska USA
commented
Status: Reviewed & tested by the community » Postponed (maintainer needs more info)

I've backported the current version of vertical_tabs-rtl.css from core to the D6 version. Please re-check if this still needs fixing.

hejazee’s picture

hejazee commented

Here is another solution.
I have tested this and works well.
The contents of vertical_tabs-rtl.css file should be the following code:

.vertical-tabs-list {
  float: right !important;
  margin-right: -15em !important;
}
.vertical-tabs-panes {
  margin-right: 15em;
}
.vertical-tabs {
  min-width: 100%;
}