Closed TheDutchJewel closed 3 years ago
Hello,
There is indeed a conflict between the style in the Extended Family module and the Rural theme:
table-responsive
class for the tabs, in order to increase responsiveness (which is not the case of the standard themes). This native class comes with the overflow-x: auto
properties, which triggers the scrolls when the content does not fit within the container.#_hh_extended_family_ h2
, #_hh_extended_family_ h3
, #hh_extended_family_content
), effectively extending the content outside of the frame of the tab-pane
element. I have tried to illustrate (probably badly) the slight overflow in the image below, with at the top the area defined by the #hh_extended_family_content
, and the bottom the one defined by tab-pane
: the whole area at the top (blue + orange) should be contained within the blue area at the bottom, the difference can be seen between the blue line (frame of the overflow) and the red line (content of the module).I am not going to fix that one in the theme, as I feel this would be too risky to try and adjust the native table-responsive
class for a non-standard module.
This can probably be fixed in the Extended Family module a couple of different ways:
tab-pane
element. I am wondering for instance whether defining a padding of 10px at the wt-tab-hh-extended-family
parent element level would not be safer than setting margins in children elements.resources/css/hh_extended_family.css
) by adding the line
.wt-theme-_myartjaub_ruraltheme_ #_hh_extended_family_ { overflow-x: hidden; }
Thanks for the detailed description of the problem, and for the solution.
Hermann already fixed the problem in his module.
When using the Extended Family module, a horizontal scroll bar is always visible at the bottom of the Extended Family tab:
This only occurs with the Rural theme, not with the standard themes.
Tested with webtrees 2.0.16, Rural theme 2.0.12-v2 and Extended Family module v2.0.16.10.
Can this be solved?