Re: RTL Support

Home Forums Older releases 0.9.x RTL Support Re: RTL Support

#1532
admin
Keymaster

Hi,

To swap the arrows, you would need to edit these from the defaults:

/* Sub menu indicators
===================*/

	.sm-clean a span.sub-arrow {
		position:absolute;
		left:12px;
		top:50%;
		margin-top:-3px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-width:4px; /* tweak size of the arrow */
		border-style:solid dashed dashed dashed;
		border-color:#555 transparent transparent transparent;
	}
	.sm-clean-vertical a span.sub-arrow,
 	.sm-clean ul a span.sub-arrow {
		right:15px;
		top:50%;
		margin-top:-5px;
		border-width:5px;
		border-style:dashed solid dashed dashed;
		border-color:transparent #555 transparent transparent;
	}

This would move the main and sub menu arrows to the left side of the item and also change the sub menu arrow point direction to the left.

And then if you want to be perfect, it would be nice to also swap the padding-right for padding-left declaration in all the a.has-submenu rules.

Cheers!

Register

You will be emailed a link to set your password.

Login

Lost password?