?
avatar infograf768
infograf768
12 Feb 2021

Steps to reproduce the issue

Install Persian language.
Add to the admin persian language folder this file
plg_system_skipto.txt

Note: some strings are not translated (Aside, Header, Form)

(Change .txt to .ini)

Make sure skipto system plugin is set to be used on site (or both).

Load site with Persian as default language. Click on Tab and then Enter

Expected result

the resulting css produced from the skipto.js produces

.skip-to [role="separator"] {
    font-weight: 700;
    text-align: left;
    color: #1a1a1a;
}

It should be aligned right in RTL
as the skipto css is loaded after any other css, it is impossible to correct this in template-rtl.css

Actual result

Screen Shot 2021-02-12 at 12 22 37

I guess it is an oversight by the vendor.

avatar infograf768 infograf768 - open - 12 Feb 2021
avatar joomla-cms-bot joomla-cms-bot - change - 12 Feb 2021
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 12 Feb 2021
avatar brianteeman
brianteeman - comment - 12 Feb 2021

as the skipto css is loaded after any other css, it is impossible to correct this in template-rtl.css

Just put this as the end of the template-rtl.scss file - worked for me

.skip-to [role=separator] {
    text-align: right !important;
}

avatar infograf768
infograf768 - comment - 13 Feb 2021

!important is indeed the key word.

avatar infograf768 infograf768 - close - 13 Feb 2021
avatar infograf768
infograf768 - comment - 13 Feb 2021

Closing as we have a patch
#32405

avatar infograf768 infograf768 - change - 13 Feb 2021
Status New Closed
Closed_Date 0000-00-00 00:00:00 2021-02-13 07:05:23
Closed_By infograf768

Add a Comment

Login with GitHub to post a comment