search

digicorp / propeller

Propeller - Develop more, Code less. Propeller is a front-end responsive framework based on Google's Material Design Standards & Bootstrap.
http://propeller.in
MIT License
1.13k stars 141 forks source link

RTL page and sidebar #26

Closed rezapori closed 6 years ago

rezapori commented 7 years ago

please How can I right align the page and sidebar in Propeller theme? (change RTL & LTR of pages) in bootstrap, by use bootstrap-rtl (bootstrap-rtl.min.css) you can change page direction to RTL

piyush-digicorp commented 7 years ago

Hello, Right now we do not have RTL support for our components. But addressing your query, below is the code snippet, you can try:

<li class="dropdown pmd-dropdown">
    <a class="dropdown-toggle media pmd-ripple-effect " id="hide" data-toggle="dropdown" data-sidebar="true" aria-expanded="false" href="javascript:void(0);">
        <span class="media-body media-middle"> Style</span>
        <i class="material-icons media-right pmd-sm">layers</i>
    </a>
</li>

In the above snippet we have swapped the positon of icon and label in such a way that icon comes to the right side and label comes after icon (from right side). We have also changed the media class media-left to media-right.

Hope this may solve your purpose.

javaheri commented 7 years ago

Please add RTL Support. Thanks.