[bug] Navbar overlapping and css overflow in deep dependency section

[meenal06]

Current Behaviour

The deep dependency graph section overlaps and cutout the navigation bar when scrolled

Expected Behaviour

Remove the css overflow and intersection of nav-bar

Screenshot

[meenal06]

Hi @yurishkuro can you please assign me this issue?

[ampaire]

Hello, @yurishkuro has this issue been worked on?

[meenal06]

Hi, I didnt get time to complete it and I have my exams this week. Please go ahead if you want to work on it.

…

On Mon, 3 May, 2021, 18:09 Phemia Ampaire, ***@***.***> wrote: Hello, @yurishkuro <https://github.com/yurishkuro> has this issue been worked on? — You are receiving this because you were assigned. Reply to this email directly, view it on GitHub <#731 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AS2Y6XU7B4KAFBUVRTMG4EDTL2KRDANCNFSM42TUL44Q> .

[stardotcode]

I was able to repro this issue.

• the overlap happens when the window height is less than 680px
• the fixed page header element (Page--topNav) has z-index: 3 (Page.css:Line22), however the Deep Dependencies header element (DdgHeader) has z-index: 10 (index.css:Line25).

I'm not very familiar with the codebase yet, so don't know why the z-index is set to 10.

A quick fix would be to bump the fixed page header element's z-index to 11