search

fisharebest / webtrees

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

Column layout in table broken in Preferences - Control panel > Manage family trees > Preferences — TreeName #4480

Open gudjonsi opened 2 years ago

gudjonsi commented 2 years ago

Column layout in table seems to be broken in Control panel > Manage family trees > Preferences after upgrading from version 2.0.x to 2.1.x.

The title for each action items that can be configured for the selected family tree in Preferences are located in the first column and the pertaining configurable action items are in the second column (version 2.0.x) but sometimes not (version 2.1.x).

In my view, it's not as easy to find action items in preferences to configure after upgrading from webtrees 2.0.x to webtrees 2.1.x.

In version 2.0.x it was a lot easier to find action items in the long list of items that can be configured for each family tree but this is not the case in version 2.1.x.

I hope the enclosed images can explain this better than the above text.

First 5 images are from version 2.0.24 and the next 4 images are from version 2.1.5

v-2-0-wt-familytree-preferences-1 v-2-0-wt-familytree-preferences-2 v-2-0-wt-familytree-preferences-3 v-2-0-wt-familytree-preferences-4 v-2-0-wt-familytree-preferences-5 v-2-1-wt-familytree-preferences-1 v-2-1-wt-familytree-preferences-2 v-2-1-wt-familytree-preferences-3 v-2-1-wt-familytree-preferences-4 .

fisharebest commented 2 years ago

The layout should change automatically, depending on the width of your window/screen.

What device are you using? If a window, does the layout change when you make the window wider?

gudjonsi commented 2 years ago

I'm running webtrees on both a demo site (Mac OSx, Mamp Pro (PHP 8.0.8, MySQL 5.7.34)) and on a hosted site (Apache PHP 8.0, MariaDB 10.3.31). I've been using Safari as a browser without any problems with version 2.0.x but not with version 2.1.x then this becomes a problem. When I change however to a different browser (Firefox) this problem disappears in version 2.1.x both on the demo site and on the hosted site. So I guess I'm forced to use Firefox or other browser that works for version 2.1.x from now on? Is the code in webtrees version 2.1.x somehow more web browser dependent than it was in version 2.0.x? Thanks for any suggestion that could resolve this.

gudjonsi commented 2 years ago

"If a window, does the layout change when you make the window wider?"

When I change the width of the browser window (Safari) the layout does not change so that the problem disappears, only when the width becomes like suitable on a mobile then the Titles are on the top and the respective action items are below, but changing the width of the browser window never solves the problem for Safari even for "normal" viewing width on a computer screen.

gudjonsi commented 2 years ago

Samples of width changes in Safari window v-2-1-wt-familytree-pref-width-1 v-2-1-wt-familytree-pref-width-2 v-2-1-wt-familytree-pref-width-3 .

fisharebest commented 2 years ago

I'm guessing you are using Safari (or any browser on an iPad/iPhone).

Looks like a bug in bootstrap.

https://github.com/twbs/bootstrap/issues/32746

gudjonsi commented 2 years ago

"I'm guessing you are using Safari (or any browser on an iPad/iPhone).".

All of the screenshots provided above are from Safari on Mac OSX (latest versions) but I can confirm that the same problem is present on Safari on iPad/iPhone (latest versions). Thanks.