argon-design-system-angular icon indicating copy to clipboard operation
argon-design-system-angular copied to clipboard

[Bug] White line across profile image on small screen

Open MihajloNesic opened this issue 5 years ago • 4 comments

Version

1.1.0

Reproduction link

https://github.com/creativetimofficial/argon-design-system-angular

Operating System

Any

Device

Any

Browser & Version

Firefox

Steps to reproduce

  1. Just run the app and navigate to profile template page

What is expected?

No white lines across page

What is actually happening?

White line across page


Solution

Additional comments

https://github.com/creativetimofficial/argon-design-system-angular/issues/15

MihajloNesic avatar Aug 02 '20 08:08 MihajloNesic

MihajloNesic avatar Aug 02 '20 08:08 MihajloNesic

Looks like setting the z-index: 0 to a class .separator in file src\assets\scss\custom\_separator.scss solves the issue

MihajloNesic avatar Aug 03 '20 23:08 MihajloNesic

Hi @MihajloNesic,

Thank you for working with our products.

Also, you can add z-index:2 to .profile-page .card-profile.

I hope it helps.

Best, Rares

rarestoma avatar Aug 04 '20 14:08 rarestoma

That works too

MihajloNesic avatar Aug 05 '20 15:08 MihajloNesic