search

idlesign / ist-ui-panel

jQuery UI Panel (Content Grouping) widget with horizontal and vertical sliding
GNU General Public License v2.0
30 stars 5 forks source link

problem vertical text with rtl #7

Open mojtabajml opened 13 years ago

mojtabajml commented 13 years ago

I test this panel in farsi language and found a problem vertical text with utf-8 right to left language text. test this css code for fix: .ui-panel-vtext { display: block; -webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg); -o-transform: rotate(90deg); position: absolute; right: -8px; bottom: 39px; border:0px solid red; white-space:nowrap; writing-mode: tb-rl; filter: flipv() fliph(); }

idlesign commented 13 years ago

Hi,

Please describe what was the problem (may be with links to screenshots before and after fix) as I can't test farsi.

mojtabajml commented 13 years ago

In Firefox when you create Svg from title to display vertical text, right to left languages like Farsi, Arabic, ... characters vertical rotation has problem, So I use this solution: http://www.thecssninja.com/css/real-text-rotation-with-css that not need Svg to rotate vertical.

idlesign commented 13 years ago

I've got it now.

Next version of ist-ui-panel implements similar approach without svg (can be seen here - https://github.com/idlesign/jquery-ui/blob/1df7817fe5686fbe4db637379a95e4b65ec9ba53/themes/base/jquery.ui.panel.css).

The basics of the new version are made in last september in my fork of jQuery UI - https://github.com/idlesign/jquery-ui/commit/1df7817fe5686fbe4db637379a95e4b65ec9ba53

In a few days I'll decide whether it is a high time to continue the development of that new version %)