Modal preview image gets cropped on small screens

[volterra79]

Closes: #497

List of changes

Refactored .main-sidebar container (left sidebar) so that it doesn't create a new stacking context before the .content-wrapper (right sidebar and parent of modal container).

Before

<aside class="main-sidebar">          <-- old "position: absolute;"
  <a class="sidebar-aside-toggle"></a>
  <div id="g3w-sidebar"></div>
</aside>
<div class="content-wrapper">
 <div id="gallery_1697199677167"></div>
</div>

After

<aside class="main-sidebar">
  <a class="sidebar-aside-toggle"></a>
  <div class="main-sidebar">          <-- new "position: absolute;"
    <div id="g3w-sidebar"></div>
  </div>
</aside>
<div class="content-wrapper">
 <div id="gallery_1697199677167"></div>
</div>

Before

After

Close sidebar button is still visible when right panel has 100% width

[Raruto]

@volterra79 I'm struggle to understand what it has been done here (e.g. moved modal container under another father?, changed some other containers z-index?).

Please add some info about it in within PR description (or at least a reference to CSS classes of the containers that I should double check).

[Raruto]

I am not able to do extensive testing on it, it works anyway 👍