Before asking for help please read "Requesting Help and Suggestions" by clicking on that tab above here.
  • Page:
  • 1

TOPIC:

statistics block: adjust widths of left and right tables 2 months 7 hours ago #1

  • Sir Peter
  • Sir Peter's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 231
There are 2 tables included in the statistics block. Is there any CSS hack available to adjust the widths of these 2 tables in order to minimize the left table width and maximize the right table width?

If not, may I ask for a code change? Please let me know in case I should open an issue at Github.

Peter
Attachments:

Please Log in or Create an account to join the conversation.

statistics block: adjust widths of left and right tables 1 month 3 weeks ago #2

  • fisharebest
  • fisharebest's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 14878
I couldn't find a good solution to this.

The labels can be very narrow (chinese) or very wide (german).
If the two tables can fit side-by-side, they should.
If they can't, they should stack.
If they stack, they need to be 100% width.
Greg Roach - This email address is being protected from spambots. You need JavaScript enabled to view it. - fisharebest.webtrees.net

Please Log in or Create an account to join the conversation.

statistics block: adjust widths of left and right tables 1 month 3 weeks ago #3

  • Sir Peter
  • Sir Peter's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 231
Both tables are surrounded by
<div class="col col">...</div>
Replacing the first div container definition (for the left table) by
<div class="col-auto col-auto">...</div>
minimizes the width of the left table and automatically expands the width of the right table. The minimizing effect remains when both tables are stacked. I like this much better.



Peter
Attachments:

Please Log in or Create an account to join the conversation.

statistics block: adjust widths of left and right tables 1 month 3 weeks ago #4

  • JustCarmen
  • JustCarmen's Avatar
  • Offline
  • Elite Member
  • Elite Member
  • Posts: 1009
Maybe this is an idea.

It is the default layout in the JustLight theme. I converted the left table in a horizontal bullet seperated list and placed it above the other table, so there is enough space left for the second table.



Code here: github.com/JustCarmen/webtrees-theme-jus...ats/statistics.phtml

Carmen
Designer of the JustLight theme, Fancy Imagebar and Fancy Research Links for webtrees 2.x


Also designed the JustBlack theme and the other Fancy modules for webtrees 1.x

Check my website at www.justcarmen.nl
Attachments:

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
Powered by Kunena Forum