<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<p>Alex,</p>
<p>I've found a workaround which will do for the moment.</p>
<p>I've set the width,height of the reveal window to a large
1600x1200. Revealjs then scales everything down to a smaller size
when the window shrinks, resulting in all fonts and images being
smaller.</p>
<p>Would be better if solved in the CSS, but that would require
fixing up the build script - which I haven't looked into.</p>
<p>(Note, our prior release used an osgeo.css - which is still in
git but we are not using anymore).</p>
<p>This is what the table looks like in my latest branch.<br>
</p>
<p><img src="cid:part1.21615FBD.F5A09DAD@gmail.com" alt=""></p>
<br>
<div class="moz-cite-prefix">On 8/11/18 4:18 am, Alex M wrote:<br>
</div>
<blockquote type="cite"
cite="mid:7f55ca5b-4f1c-029f-3e43-4b58a2c71fff@wildintellect.com">
<pre wrap="">On 11/7/18 08:57, Alex M wrote:
</pre>
<blockquote type="cite">
<pre wrap="">On 11/2/18 04:28, Cameron Shorter wrote:
</pre>
<blockquote type="cite">
<pre wrap="">Hi Vicky,
Our OSGeoLive presentations is tripping up trying to render a large
table as per:
<a class="moz-txt-link-freetext" href="https://live.osgeo.org/en/presentation.html#/5">https://live.osgeo.org/en/presentation.html#/5</a>
Have you got any tips on where to fix this? I'm suspecting I might have
to find a new theme, or work out a thinner boarder or work out how the
CSS works.
</pre>
</blockquote>
<pre wrap="">
A CSS override should suffice on that. Inspecting the page and comparing
to the source
<a class="moz-txt-link-freetext" href="https://github.com/OSGeo/OSGeoLive-doc/blob/master/doc/_static/reveal.js/css/reveal.css">https://github.com/OSGeo/OSGeoLive-doc/blob/master/doc/_static/reveal.js/css/reveal.css</a>
I believe it's the box-shadow property.
Try adding this to the end of the reveal.css (we should actually make a
custom.css and and it to the head for these overrides).
.reveal blockquote {
box-shadow 0px
}
Thanks,
Alex
</pre>
</blockquote>
<pre wrap="">
Ah sorry, I see the issue is the table running off the bottom (fix above
was for the weird background box.
So there are a couple of options,
1. make the width bigger, I'm not suggesting 100% necessarily but here's
the info:
<a class="moz-txt-link-freetext" href="https://github.com/hakimel/reveal.js/issues/565">https://github.com/hakimel/reveal.js/issues/565</a>
2. Use some css tricks to make it fit by scaling smaller instead of
running off the page.
2a. looks like there's an empty table head (thead), we should try to
collapse that
2b. adding to the table opening class="small-table" will give us a hook
to shrink all things inside the table on that page
Thanks,
Alex
</pre>
</blockquote>
<br>
<pre class="moz-signature" cols="72">--
Cameron Shorter
Technology Demystifier
Open Technologies and Geospatial Consultant
M +61 (0) 419 142 254</pre>
</body>
</html>