ist-ui-panel
ist-ui-panel copied to clipboard
idlesign
problem vertical text with rtl
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();
}
Hi,
Please describe what was the problem (may be with links to screenshots before and after fix) as I can't test farsi.
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.
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 %)