We use Cookies to help personalize and improve Roll20. For more information on our use of non-essential Cookies, visit our Privacy Policy here.
Accept
Advertisement Create a free account

Roll template tables larger since update.

1530511083

Edited 1530513461
DXWarlock
Pro
Sheet Author
API Scripter
I'm not sure if this is a character sheet topic, or bug report. Feel free to move if its the wrong place. Since the update my roll templates tables have much more padding. And I cannot seem to get rid of it. Example before(about a year old image but only example I have, it was like this 2 weeks ago): Example after Roll20 updates: Everything is larger area wise, but none of my codes changes in months. I've tried adding padding 0, margin 0, to every css entry to do with rolltemplate, with no luck getting it how it was before. I tried changing it to all div's but it didnt seem to like using div at all. Here is my code if anyone can point me in the right direction: html: <rolltemplate class="sheet-rolltemplate-RIFTS"> <table> {{#name}} <tr><th class="rt-header relative {{#color}}{{color}}{{/color}}"> {{name}} <br> {{#image}}<img class="{{image}}">{{/image}} <hr> </th></tr> {{/name}} {{#allprops() color name subheader image}} <tr><td style="vertical-align:middle;"> <span class="sheet-tcat">{{key}} </span>{{value}} </td></tr> {{/allprops() color name subheader image}} </table> </rolltemplate> css: .sheet-rolltemplate-RIFTS table { width: 100%; background-color: white; border: 2px solid #000; box-shadow: 2px 2px 5px #000; } .sheet-rolltemplate-RIFTS .sheet-tcat { font-weight: bold; } .sheet-rolltemplate-RIFTS th { background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); color: #000000; font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 1.25em; font-weight: bold; text-align: center; } .sheet-rolltemplate-RIFTS td { padding: 0px; vertical-align: top; text-align: center; } .sheet-rolltemplate-RIFTS tr:nth-child(odd) { background-color: #DCDCDC; } .sheet-rolltemplate-RIFTS tr:nth-child(even) { background: linear-gradient(to right, rgba(184, 184, 184, 0), rgba(220, 220, 220, 1)); } .sheet-rolltemplate-RIFTS hr { margin: 2px 0 2px 0; border: 0; height: 1px; background-image: linear-gradient(black, yellow); }
1530513662
Vince
Pro
Sheet Author
I think Jakob posted something about the default line-height was changed as part of the charactermancer update.  Maybe try adding line-height to your css. 
1530514401
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
Hopefully your answer is here . Kirsty posted a solution to what it sounds like your problem is.
1530535281
Vince
Pro
Sheet Author
keithcurtis said: Hopefully your answer is here . Kirsty posted a solution to what it sounds like your problem is. Didn't know about the new <table> changes that came along with the charactermancer update... Thanks Keith
1530535427
Wes
Pro
Sheet Author
Jakob & GG also came up with a solution in this thread:  Bootstrap & Jqueryui Updates
1530553716

Edited 1530557396
DXWarlock
Pro
Sheet Author
API Scripter
Thanks guys! (and Kristy if they see this). That was the fix, I had to throw around some border:none; and sprinkle a few margin: 0px; along with them and it worked. I swore I searched the forums and didnt find either of those post :P
1530556778
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
There's a lot going around in the last week.