Changes between Initial Version and Version 1 of Ticket #14923, comment 6


Ignore:
Timestamp:
Mar 2, 2016, 12:15:24 PM (6 years ago)
Author:
Ryan J Ollos
Comment:

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #14923, comment 6

    initial v1  
    11Based on your comments, I would suggest the following approach:
    22
    3 1- Create *.rtl.css file for every existing *.css file.
    4     e.g. themes/base/accordion.rtl.css
     31- Create `*.rtl.css` file for every existing `*.css` file.
     4    e.g. `themes/base/accordion.rtl.css`
     5{{{#!css
    56            .rtl .ui-accordion .ui-accordion-header {
    67                padding: .5em .7em .5em .5em;
    78            }
     9}}}
    810           
    9 2- Create "isRtl()" function inside the "Base Widget" module as follows:
     112- Create `isRtl()` function inside the "Base Widget" module as follows:
     12{{{#!js
    1013    isRtl: function() {
    1114        return this.widget().css( "direction" );
    1215    }
     16}}}
    1317
    14 3- Make minor changes to ui/widgets/*.js to make sure that every widget displayed correctly in RTL layout.
    15     e.g. ui/widgets/accordion.js: _create()
     183- Make minor changes to `ui/widgets/*.js` to make sure that every widget displayed correctly in RTL layout.
     19    e.g. `ui/widgets/accordion.js: _create()`
     20{{{#!js
    1621        if( this.isRtl() )
    1722            this._addClass( "ui-accordion", "rtl" );
     23}}}