HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Please upgrade here. These earlier versions are no longer being updated and have security issues.

small problem with this plugin

This discussion is related to the Vanilla Arabic RTL addon.

Hello,

First let me thank you for this great theme.. it really saved my day...

but I have a minor issue with it, and its about "options" menu beside the discussions ..

here is the example : http://niaz.org/vanilla/

I installed an Persian language to test the theme ...

you help is really appreciated ... thank you

Comments

  • emziemzi
    edited November 2012

    I installed an Persian language to test the theme ...

    This book helps you if you're working on a Persian forum.

    here is the example : http://niaz.org/vanilla/

    It seems you're using another theme, now (Nov 26). However I tested VanillaAR. There's some missing codes in its style.css file. Add these codes at the end of /themes/VanillaAR/design/style.css file:

    /* Option (dropdown) Menus */
    .OptionsMenu {
       display: inline-block;
       font-size: 10px;
       font-weight: normal;
       line-height: 100%;
    }
    .Item .OptionsMenu {
       vertical-align: top;
       visibility: hidden;
    }
    .Open.OptionsMenu, .Item:hover .OptionsMenu {
       visibility: visible;
    }
    .MenuTitle {
       color: #000;
       border: 1px solid #bbb;
       padding: 4px;
       -moz-border-radius: 2px;
       -webkit-border-radius: 2px;
       border-radius: 2px;
       user-select: none;
       background: url('images/buttons.png') right -96px no-repeat;
       padding-right: 18px;
       -webkit-user-select: none;
       -moz-user-select: none;
       -o-user-select: none;
    }
    .Open .MenuTitle {
       border: 1px solid #282828;
       -moz-border-radius-bottomleft: 0;
       -moz-border-radius-bottomright: 0;
       -webkit-border-bottom-left-radius: 0;
       -webkit-border-bottom-right-radius: 0;
       box-shadow:2px 2px 3px rgba(0,0,0,0.5);
       -moz-box-shadow:2px 2px 3px rgba(0,0,0,0.5);
       -webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.5);
       border-bottom-left-radius: 0;
       border-bottom-right-radius: 0;
       color: #fff;
       background: url('images/buttons.png') right -144px no-repeat #282828;
    }
    .MenuItems {
       border: 1px solid #282828;
       -moz-border-radius-bottomleft:2px;
       -moz-border-radius-bottomright:2px;
       -webkit-border-radius-bottom-left:2px;
       -webkit-border-radius-bottom-right:2px;
       box-shadow:2px 2px 3px rgba(0,0,0,0.5);
       -moz-box-shadow:2px 2px 3px rgba(0,0,0,0.5);
       -webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.5);
       background:none repeat scroll 0 0 #444444;
       border:1px solid #282828;
       min-width: 125px;
       line-height: 100%;
       font-size: 10px;
        color: #fff;
    }
    .MenuItems li {
       padding: 6px !Important;
    }
    .MenuItems a, .MenuItems a:link, .MenuItems a:visited, .MenuItems a:active {
       color: #fff;
        display: block;
        text-decoration: none;
    }
    .MenuItems li:hover {
       background: #282828;
    }
    .ToggleFlyout {
       cursor: pointer;
       position: relative;
    }
    .ToggleFlyout.Open {
       z-index: 100;
    }
    .ToggleFlyout .Flyout {
       position: absolute;
       top: 100%;
       left: 0;
       display: none;
       z-index: 100;
    }
    

    Above codes come from /applications/dashboard/design/style.css file.

    • You can use R2 to make RTL any theme you want.
  • Thanks guys :D

Sign In or Register to comment.