fisharebest / webtrees

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

Legend of Places tab on iPhone not visible #4844

Closed hartenthaler closed 1 year ago

hartenthaler commented 1 year ago

The legend of the "Places" tab is on an iPhone not visible. Only the first line "Birth" can be seen. All the other information is hidden behind the side menu.

IMG_3335

On a laptop everything looks ok. The error is there in the Vesta Places tab and the standard Places tab. This error was first discussed at https://github.com/JesseWebDotCom/webtrees-theme-modern/issues/25#issuecomment-1625900034 Screenshot (372)

arbor95 commented 1 year ago

Hallo Hermann, as far as I know the following css helps with this bug: .wt-pedigree-map-map, .wt-pedigree-map-sidebar, .wt-place-hierarchy-map, .wt-place-hierarchy-sidebar, .wt-places-tab-map, .wt-places-tab-sidebar { height: 70vh; } .wt-pedigree-map-wrapper, .wt-place-hierarchy-wrapper, .wt-places-tab-wrapper { height: auto; }

You can test at freris.de .

ddrury commented 1 year ago

@arbor95 the css you list is a temporary fix. This PR is the proper fix and will be available in the next webtrees release, however, from the description of the problem above I'm not entirely sure this is the solution (I hope I'm wrong!)

hartenthaler commented 1 year ago

In the meantime, I installed webtrees 2.1.17. The problem described here disappeared in that version (I can see now the map and the map legend just below the map - ok). In my productive webtrees system now everything is ok.

But the user interface of the iPhone on my test system is now much worse than before. As you can see the sidebar is now at the side and not below everything else. This looks very bad. I have to search for the reason.

IMG_3359

hartenthaler commented 1 year ago

I removed all custom CSS in the CSS&JS module, but the behaviour is still the same. But it is only the test system and it is only on the iPhone in portrait mode. And finally, it is another issue. So you can close this issue.