Solved align tab contents to left/right

[Nish7009]

was wondering if someone could maybe help me out in aligning the tab contents that is the favicons and text to the left/right depending on the tabbar position so when the tabbar position is set to the left the contents align to the right and vice versa

[dude99]

@nish7009
Try this, you shouldn't need to do anything to right sided tabbar, cuz it's already in Favicon left & Title right order...

.tabs-left .tab-position .tab .title {
order: -1;
max-width: calc(100% - 30px);
}

Now, you might need to tweak the 30px until the favicon stay inside the left tabbar properly, I don't know what sort of width setup you have for tabbar, & it might break or act funny in various width. So, test it out & pick your poison. LOL

[dude99]

@nish7009 Can u elaborate a bit more about what u really wanted? We can't help u if we don't understand what u wanted. If u can, use a screenshot to demonstrate your plan.

Are u talking about moving the scrollbar to left side (content on the right) when the tabbar is on the left, or u want to change the order/direction of the items from LTR to RTL?

[Nish7009]

@dude99 was wondering if I could get this sort of ordering for the vertical tabbar

where when the tabbar is set to the left the favicon is displayed on the right with text to the left and vice versa for when tabbar is set to right

[dude99]

@nish7009
Try this, you shouldn't need to do anything to right sided tabbar, cuz it's already in Favicon left & Title right order...

.tabs-left .tab-position .tab .title {
order: -1;
max-width: calc(100% - 30px);
}

Now, you might need to tweak the 30px until the favicon stay inside the left tabbar properly, I don't know what sort of width setup you have for tabbar, & it might break or act funny in various width. So, test it out & pick your poison. LOL

[Nish7009]

@dude99 that worked great thanks a lot!