[Outline] Style list

[arthur801031]

Associated Issue: #4792

Summary of Changes

• Fix hover background's width by removing padding-left and padding-right from .outline-list

[codehag]

Thanks for the PR! can you add some screen shots?

[arthur801031]

No problem :)

[darkwing]

Hey @arthur801031! I'm still seeing the hover cutoff issue when I scroll:

I'll experiment to see if I can find a way around this.

[jasonLaster]

Hey @arthur801031 do you have time to take a look at this?

[jasonLaster]

rebased!

[arthur801031]

Hi @darkwing ! could you let me know how to reproduce this issue? When I was testing it, I didn’t see it 😅

Hi @jasonLaster ! I’m sorry for the delay. I’ll take a look at this today. Thank you! 🙏

[davide-dc-dev]

Hi @arthur801031 ! I reproduce the issue shrinking the outline window

I think if you add in .outline-list__element margin-right: -xy px; it should be ok

[codehag]

@arthur801031 hello! do you need any help moving this forward?

[darkwing]

Soooo.. I took some time trying to figure out how to avoid the weird overflow / hover cutoff issue and I found a hacky way to fix it:

.outline-list {
  /* width: 100%; */
  min-width: 100%;
  display: inline-table;
}

display: inline-table seems...kinda gross. Looking at the sources tree, the same hover cutoff issue exists. I think we should punt on that part of the original issue, merge this, and investigate the other fix separately. Thoughts @jasonLaster ?

[jasonLaster]

Lets do it!