fisharebest / webtrees

Online genealogy
https://webtrees.net
GNU General Public License v3.0
418 stars 290 forks source link

Places Tab Map Margin Padding issue #4996

Closed photon-flip closed 3 weeks ago

photon-flip commented 3 weeks ago

This minor issue only becomes noticeable on themes with colored backgrounds or drop shadows but is in fact present on all themes. From resources\views\modules\places\tab.phtml The map pane is shifted left outside the containing block by the negative margins of the row class. The bottom padding of the py-4 class pushes any drop shadow down. see screen grabs below.

One possible fix for this is to add ms-0 class to the wt-places-tab-wrapper div and change the py-4 class to pt-4 .

<div class="pt-4">
    <div class="row ms-0  wt-places-tab-wrapperwt-fullscreen-container">
        <div id="wt-map" class="col-sm-9 wt-ajax-load wt-map" dir="ltr"></div>
        <ul class="col-sm-3 wt-map-sidebar wt-page-options-value list-unstyled px-md-1"></ul>
    </div>
</div>

Screen grab of map with a theme background and drop shadow. places-tab-issue

screen grab issue fixed places tab fix