- Posts: 4
Question pedigree tree view: dropdown-menu in pedigree-previous-link partly hidden
- michael2
- Topic Author
- Offline
- New Member
But for me (within my first experiments with webtrees) the dropdown menu in the Pedigree tree for people with many siblings/children/etc. is partly hidden. The dropdown is covered by the footer and maybe even surpasses the browser window. The dropdown-menu is either bigger than it should be or it gets unintentionally hidden by the footer.
As a quick workaround I manually edited the css file for the theme and modified wt page content to be: .wt-page-content{min-height:90vh;margin-top:1rem}, so the surrounding DOM element is always big enough, now. But it would be great to have the dropdown menu overlapping the footer and not vice versa, and at least not surpassing the browser window. So maybe adapting anything in .dropdown-menu{...} itself or modifying one of the parent <div>s is preferred. But I'm not an html/css expert, so I stick to the simple workaround for now.
Please Log in or Create an account to join the conversation.
- Franz Frese
- Offline
- Elite Member
a image says more than thousand words.(screenshot)
did you try the same with the demo sites?
Please Log in or Create an account to join the conversation.
- michael2
- Topic Author
- Offline
- New Member
- Posts: 4
Please Log in or Create an account to join the conversation.
- bertkoor
- Offline
- Platinum Member
- Greetings from Utrecht, Holland
Maybe you want the Interactive Tree view which shows both descendants and ancestors of a selected person.
stamboom.BertKoor.nl runs on webtrees v2.1.20
Please Log in or Create an account to join the conversation.
- michael2
- Topic Author
- Offline
- New Member
- Posts: 4
See, this is a picture of the dropdown menu if there is enough space:
You can see the Siblings, Spouse and - indeed - also the Children. Yes, even if Children are not Ancestors. Ancestors are on the right and Children on the left. This way you can navigate the tree view. That's a realy useful functionality.
Now compare that to the picture above. The same context, the EXACLY same context menu is shown in my other screenshot above, where only a part of the menu is visible. The functionality is missing.
There is indeed enough space to display the full dropdown menu even in the first screenshot. It simply is hidden behind some white content like the footer or some other white content. The full context COULD be shown.
I would call this a bug, an issue probably in the css. Not a really big one, but it's annoying.
With Queen Elizabeth the context menu is fine if the tree view shows 4 generations. But think of people with more than a hand full of direct descendants. The issue is visible and annoying even in the default 4 generations view.
Please Log in or Create an account to join the conversation.
- Marky
- Offline
- New Member
- Posts: 99
Yes it is and can be seen on the demo site as in your first screenshot - Pedigree tree of Queen Elizabeth II, view 2 generations to recreate it.
It's probably something that isn't used often and so hasn't been noticed before but it's definitely a bug.
webtrees v2.1.20
PHP v8.1.29
Please Log in or Create an account to join the conversation.
- norwegian_sardines
- Offline
- Platinum Member
- Posts: 3127
Ken
Please Log in or Create an account to join the conversation.
- Franz Frese
- Offline
- Elite Member
the submenu is not shown complete.
Marking the bug in the Screenshot would have helped ...
Please Log in or Create an account to join the conversation.
- norwegian_sardines
- Offline
- Platinum Member
- Posts: 3127
what happens if you change the number of generations to 3?
Ken
Please Log in or Create an account to join the conversation.
- Franz Frese
- Offline
- Elite Member
Please Log in or Create an account to join the conversation.
- norwegian_sardines
- Offline
- Platinum Member
- Posts: 3127
Ken
Please Log in or Create an account to join the conversation.
- michael2
- Topic Author
- Offline
- New Member
- Posts: 4
from:
.wt-page-content{margin-top:1rem}
to:
.wt-page-content{overflow:visible;margin-top:1rem}
This way the dropdown menu is shown. But I do not know which kind of side effects this has, as .wt-page-content{} maybe is used at several other places. The reason for this problem is probably some inherited "hidden" overflow visibility - but, like I already said, I'm not a css expert so I could be completely wrong here.
Please Log in or Create an account to join the conversation.
- Franz Frese
- Offline
- Elite Member
Please Log in or Create an account to join the conversation.
- fisharebest
- Offline
- Administrator
See github.com/fisharebest/webtrees/issues/4506
Greg Roach - greg@subaqua.co.uk - @fisharebest@phpc.social - fisharebest.webtrees.net
Please Log in or Create an account to join the conversation.