Suitecrm: Arrow characters position on the buttons not positioned properly

Created on 22 Apr 2020 · 8Comments · Source: salesagility/SuiteCRM

Hi,

I noticed that we have styling issues in our copy of the SuiteCRM.
thumbnail_image_1

The arrows on the navigation buttons are not properly aligned. It looks like it is because of the "vertical-align" option for the ".suitepicon" class ":before" in the style.css file is set to "top".

When I change that in my browser developer tools to "middle", it seemed to fix the issue.
thumbnail_image_2

Hope this helps.

Thank you.

Kind Regards,
Maciek

Source

mandryszczak-dc

👍1

All 8 comments

You can drag-and-drop the image into this github text box: _"Attach files by dragging and dropping, selecting, or pasting them."_

chris001 on 22 Apr 2020

👍1

Thank you, Chris. I updated my post.

mandryszczak-dc on 22 Apr 2020

👍1

A good place to dig for these CSS styles, is in the SuiteP theme "template" files (.tpl) which are Smarty templates... Also, in the relevant .scss files which is a new improved CSS...

chris001 on 23 Apr 2020

@mandryszczak-dc I don't see this on the live demo.
demo.suiteondemand.com (user: will, pass: will)

Are you using any custom CSS? If you use other sub-themes, does the same thing happen?

pgorod on 23 Apr 2020

Hi Guys,

We have a standard setup with no custom CSS files.
Also, I noticed that the hight for the "disabled" button is shorter.
Annotation 2020-04-23 122629

@pgorod, hmm... that demo page is different from what we can see on our copy and when I looked into the master branch I can see that the style.css has the same settings as we have:
Annotation 2020-04-23 123715

You can see that the vertical-align is set to "top".
(sorry that I'm showing that in Notepadd++ but I could not catch everything in one line)

Regards,
Maciek

mandryszczak-dc on 23 Apr 2020

Hi @mandryszczak-dc,

We haven't been able to replicate this issue in the most recent versions of SuiteCRM such as 7.10.x or 7.11.x. If you believe this to be an issue still, please leave a comment explaining further steps to reproduce otherwise this issue will be closed.

Thanks :+1: