Fix addon panel layout styling

[zillding]

Issue: #1169

Steps to reproduce:

1. run the storybook dev server
2. point to ui localhost:9001 using safari
3. press cmd + shift + j on mac to change the add on panel from bottom to right side
4. the right panel will look like the screenshot in Addon panel is not positioned properly in vertical mode in safari #1169

What I did

Add an additional css rule position: absolute to make sure the panel fill the entire space.

How to test

Tested manually in safari, firefox and chrome.

[ndelangen]

This will break scrolling inside the panel, I think?

I'm confused about this element being width & height : 100% AND also have padding..

Can you provide a reproducible case which caused you to find a problem you wanted to fix?

[ndelangen]

Whoops I missed the issue, I'm going have to try opening safari I guess 😃

[ndelangen]

Thanks for the PR! Can you give me a bit more background on why that was needed and can you provide a full steps to reproduce, so I can consider if this is the best solution?

😄

[codecov]

Codecov Report

Merging #1170 into master will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master    #1170   +/-   ##
=======================================
  Coverage   13.31%   13.31%           
=======================================
  Files         199      199           
  Lines        4588     4588           
  Branches      724      724           
=======================================
  Hits          611      611           
  Misses       3349     3349           
  Partials      628      628

Impacted Files	Coverage Δ
lib/ui/src/modules/ui/components/layout/index.js	73.58% <ø> (ø)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 3868a54...56e596f. Read the comment docs.

[zillding]

🙇 Thanks for the feedback.

Steps to reproduce:

1. run the storybook dev server
2. point to ui localhost:9001 using safari
3. press cmd + shift + j on mac to change the add on panel from bottom to right side
4. the right panel will look like the screenshot in Addon panel is not positioned properly in vertical mode in safari #1169

[zillding]

I am not sure whether this is the best solution. This is the minimum change it seems to take. 😊

The scroll seems still working.

Change before and after:

[ndelangen]

Thank you for the attention to detail in your explanation, it helps!

I'll rebase and merge!