Vertical Line appears in Back end icon of Phoca cart - With RTL

Phoca Cart - complex e-commerce extension
aboola
Phoca Member
Phoca Member
Posts: 13
Joined: 30 Jul 2019, 15:46

Vertical Line appears in Back end icon of Phoca cart - With RTL

Post by aboola » 07 Sep 2019, 20:03

A vertical line appears on the Phoca Cart backend icons just RTL. This line is from Border Left
The picture shows what I mean.

https://ibb.co/y0cHvqD

Tags:

christine
Phoca Hero
Phoca Hero
Posts: 1703
Joined: 28 Nov 2010, 17:20

Re: Vertical Line appears in Back end icon of Phoca cart - With RTL

Post by christine » 07 Sep 2019, 23:04

Hi,

I think, it belongs to the default administrator/templates/xxx/css/template-rtl.css

Code: Select all

#toolbar [class^="icon-"],
#toolbar [class*=" icon-"] {
	border-radius: 0 3px 3px 0;
	border-right: 0;
	border-left: 1px solid #b3b3b3;
	margin: 0 -10px 0 6px;
}
try to change to: border: none;

Kind regards
Christine

aboola
Phoca Member
Phoca Member
Posts: 13
Joined: 30 Jul 2019, 15:46

Re: Vertical Line appears in Back end icon of Phoca cart - With RTL

Post by aboola » 08 Sep 2019, 10:11

thanks for help
Yes, it seems. But I tried this beforehand and it didn't work.
it looks like Another file overwriting a "template-rtl.css" file

christine
Phoca Hero
Phoca Hero
Posts: 1703
Joined: 28 Nov 2010, 17:20

Re: Vertical Line appears in Back end icon of Phoca cart - With RTL

Post by christine » 08 Sep 2019, 11:00

Hi,

Speaking about isis template? If yes, it seems that the template.css will be loaded after the template-rtl.css.
Try to put above (changed) code into template.css of /administrator. Or: Create custom.css for admin template.

E.g. administrator/templates/isis/css/custom.css. The template will load this css file last, so any css rules declared there, will override the core ones.

Kind regards
Christine

aboola
Phoca Member
Phoca Member
Posts: 13
Joined: 30 Jul 2019, 15:46

Re: Vertical Line appears in Back end icon of Phoca cart - With RTL

Post by aboola » 08 Sep 2019, 13:41

Thank you christine,

solved
A file custom.css has been created
at path: administrator\templates\isis\css

#toolbar [class^="icon-"],
#toolbar [class*=" icon-"] {
border-left: none;
}

christine
Phoca Hero
Phoca Hero
Posts: 1703
Joined: 28 Nov 2010, 17:20

Re: Vertical Line appears in Back end icon of Phoca cart - With RTL

Post by christine » 08 Sep 2019, 13:57

Hi aboola,

That's fine. Thanks for your feedback!

Kind regards
Christine

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 41564
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Vertical Line appears in Back end icon of Phoca cart - With RTL

Post by Jan » 08 Sep 2019, 15:43

Hi, thank you for the info, I will take a look at it for next version.

Jan
If you find Phoca extensions useful, please support the project

Post Reply