passbolt_api icon indicating copy to clipboard operation
passbolt_api copied to clipboard

Oversized Passbolt logo on healthcheck page

Open TheReptile opened this issue 2 years ago • 3 comments

  • Passbolt Version: 3.6.0.
  • Platform and Target: -- Operating system: Ubuntu 20.04.04 -- PHP: 7.4 -- Web server: Nginx 1.18.0 -- Database server: MariaDB 10.3.34

What you did

Visit the healthcheck page. https:///healthcheck

What happened

On the right side is a Passbolt help logo, but the dimensions are completely off, I guess somewhere a typo was made. From the html source:

<span class="svg-icon life-ring icon-only">
    <svg width="1792" height="1792" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
        <path d="M256 504c136.967 0 248-111.033 248-248S392.967 8 256 8 8 119.033 8 256s111.033 248 248 248zm-103.398-76.72l53.411-53.411c31.806 13.506 68.128 13.522 99.974 0l53.411 53.411c-63.217 38.319-143.579 38.319-206.796 0zM336 256c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80zm91.28 103.398l-53.411-53.411c13.505-31.806 13.522-68.128 0-99.974l53.411-53.411c38.319 63.217 38.319 143.579 0 206.796zM359.397 84.72l-53.411 53.411c-31.806-13.505-68.128-13.522-99.973 0L152.602 84.72c63.217-38.319 143.579-38.319 206.795 0zM84.72 152.602l53.411 53.411c-13.506 31.806-13.522 68.128 0 99.974L84.72 359.398c-38.319-63.217-38.319-143.579 0-206.796z"></path>
    </svg>
</span>

What you expected to happen

I would expect to see a normal sized logo. Checked this in Firefox and Chrome.

If the width and height are set to 192 it looks normal.

TheReptile avatar May 31 '22 14:05 TheReptile

Thank you for the report @TheReptile. I created a bug on our backlog ref PB-16666

cedricalfonsi avatar May 31 '22 15:05 cedricalfonsi

I encountered the same bug after upgrading to Passbolt Pro 3.6.0, except that not the Passbolt logo but the lifebuoy icon appears oversized: Screenshot from 2022-06-07 13-27-44 Clearing the browser cache does not make a difference. There is also a "login" button in the right-hand corner, which does not make sense as I am already logged in.

The page also looks funny when logged out: Screenshot from 2022-06-07 13-33-32

Furthermore, I noticed that the /app/healthcheck path no longer works, I had to use the /healthcheck path. Not sure if this is intended behavior.

imrejonk avatar Jun 07 '22 11:06 imrejonk

I can confirm this behavior of lifebuoy icon on FF 102. It used to look like this: image

It seems more than just the icon settings changed. Possibly button styling.

It should be like the Create button on the password page: image

garrettboone avatar Jun 07 '22 12:06 garrettboone

Fixed with v3.7.0

cedricalfonsi avatar Nov 29 '22 08:11 cedricalfonsi