RTL issues

1st Official Post

    I fixed those issues through CSS, although it cannot be fixed on the ACP (since you cannot add custom CSS to that specific area).


    I'm working on a full RTL version of WBB 4 Frontend (I already translated WBB4 to Hebrew) - and will release my RTL version and the Hebrew language pack pretty soon. You and other people who don't speak Hebrew will be able to purchase the RTL version of the frontend separately once I'm done. :)

    We have two part Admin and Front.


    Admin, Just replace these lines (wcf/acp/style/style-rtl.css)


    No.1443

    Code
    .sidebar.collapsibleMenu legend::before {content: "\f053";display: inline-block;font-family: FontAwesome;font-size: 14px;height: 16px;right: 21px;position: absolute;text-align: center;top: 2px;width: 16px;}


    No.1779 & No.1780

    Code
    .mainMenu > ul > li.active > a::after {border-bottom-left-radius: 6px;border-width:1px 0 0 1px;bottom: 0;content: "";height: 7px;position: absolute;right: -7px;width: 7px;box-shadow: -2px 2px 0 0 #e4eef8;}
.mainMenu > ul > li.active > a::before {border-bottom-right-radius: 6px;border-width:1px 1px 0 0;bottom: 0;content: "";height: 7px;left: -7px;position: absolute;width: 7px;box-shadow: 2px 2px 0 0 #e4eef8;}


    Front,Just replace these lines(wcf/style/style-1-rtl.css)


    No.1555

    Code
    .messageFooterNote {border-right: 2px solid #cccccc;color: #808080;font-size: .85rem;padding: 4px 7px;background-image: -webkit-linear-gradient(270deg, rgba(204,204,204,0.2) 0%, transparent 40%);background-image: linear-gradient(270deg, rgba(204,204,204,0.2) 0%, transparent 40%);}


    No.1876

    Code
    .mainMenu > ul > li.active > a::after {border-bottom-left-radius: 6px;border-width:1px 0 0 1px;bottom: 0;content: "";height: 7px;position: absolute;right: -7px;width: 7px;box-shadow: -2px 2px 0 0 #e4eef8;}
.mainMenu > ul > li.active > a::before {border-bottom-right-radius: 6px;border-width:1px 1px 0 0;bottom: 0;content: "";height: 7px;left: -7px;position: absolute;width: 7px;box-shadow: 2px 2px 0 0 #e4eef8;}


    No.1984 & No.1985

    Code
    .messageList .messageGroupStarter > .message.messageSidebarOrientationLeft::before {border-top-right-radius: 6px;content: "";display: block;height: 128px;right: 0;position: absolute;top: 0;width: 128px;background-image: -webkit-linear-gradient(225deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);background-image: linear-gradient(225deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);}
.messageList .messageGroupStarter > .message.messageSidebarOrientationRight::before {border-top-left-radius: 6px;content: "";display: block;height: 128px;left: 0;position: absolute;top: 0;width: 128px;background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);background-image: linear-gradient(135deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);}



    For CKEditor only select your language.
    :thumbup:

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!

Register Yourself Login