<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;
      charset=windows-1252">
  </head>
  <body text="#000000" bgcolor="#FFFFFF">
    Julien,<br>
    <br>
    I've done some refinements based on your initial code, it now works
    pretty well with Chrome and Firefox both on my desktop (Linux) and
    my Android phone & tablet. Even the component browser on Android
    (i.e. DuckDuckGo App) works nicely with it -- it also displays the
    dashboard correctly.<br>
    <br>
    Btw, the dashboard height is currently fixed to 300 px. That's
    because I want to add a row of buttons (i.e. profile switches) below
    the gauges, and it needs to fit on my phone, which reports 360 px
    height in landscape fullscreen mode (scaled virtual pixels of
    course). I'll add some rules for tablets later on.<br>
    <br>
    Regards,<br>
    Michael<br>
    <br>
    <br>
    <div class="moz-cite-prefix">Am 05.04.2018 um 15:55 schrieb Julien
      “JaXX” Banchet:<br>
    </div>
    <blockquote type="cite"
      cite="mid:0cc836e7-ec77-4acf-b527-d64b209bbc39@Spark">
      <title></title>
      <div name="messageReplySection" style="font-size: 14px;
        font-family: -apple-system, BlinkMacSystemFont, sans-serif;"><br>
        On 5 Apr 2018 at 13:52 +0200, Michael Balzer
        <a class="moz-txt-link-rfc2396E" href="mailto:dexter@expeedo.de"><dexter@expeedo.de></a>, wrote:<br>
        <blockquote type="cite" style="margin: 5px 5px; padding-left:
          10px; border-left: thin solid #1abc9c;">
          <div class="moz-cite-prefix">Julien,<br>
            <br>
            sure, send me the diff, it's on my list as well, but I also
            had some trouble with my fullscreen mode tests on elements,
            so I moved it to the "later" list. <br>
          </div>
        </blockquote>
        <div><br>
        </div>
        <div>Attached :) used a quick and dirty </div>
        <div>git stash list| sed 's/\//\_/g'|sed 's/ /\_/g' | awk -F ":"
          '{ system("git stash show -p " $1 " >> " $1$2$3 ".diff"
          ) }’</div>
        <div><br>
        </div>
        <div><br>
        </div>
        <blockquote type="cite" style="margin: 5px 5px; padding-left:
          10px; border-left: thin solid #1abc9c;">
          <div class="moz-cite-prefix"><br>
            My current idea is to fold the nav bar aside instead, or
            make it vertical in landscape mode. Phones now have a very
            bad height ratio in landscape, so every vertical space
            gainable is good. <br>
          </div>
        </blockquote>
        <div><br>
        </div>
        <div>True, and if fullscreen works, it also gets androids navbar
          out of the way</div>
        <div><br>
        </div>
        <div>Oddly, the little code I jotted down works from a desktop
          (it triggers fullscreen, not a nice result), but does
          absolutely nothing on my “oldish” tablet, where <a
            href="http://robnyman.github.io/fullscreen/"
            moz-do-not-send="true">http://robnyman.github.io/fullscreen/</a> does
          it fine, might have missed something on the way, was tired :)</div>
        <div><br>
        </div>
        <blockquote type="cite" style="margin: 5px 5px; padding-left:
          10px; border-left: thin solid #1abc9c;">
          <div class="moz-cite-prefix"><br>
            For your button, maybe the chart just needs an .update()
            call after the switch. The SVG needs to be updated on resize
            as some element offsets and lengths are calculated in
            pixels. The chart system takes care for standard resizing,
            but possibly not for a tweak like that. <br>
          </div>
        </blockquote>
        <div><br>
        </div>
        <div>Ah yes, that’s how I got that funky result on the desktop
          browser triggering it using the console (which had an
          unappropriate square ratio, otherwise positioning wasn’t that
          bad), didn’t add it to the patch yet</div>
        <div><br>
        </div>
        <blockquote type="cite" style="margin: 5px 5px; padding-left:
          10px; border-left: thin solid #1abc9c;">
          <div class="moz-cite-prefix"><br>
            Regards,<br>
            Michael<br>
             </div>
        </blockquote>
        <br>
        <div><br>
        </div>
        <div>JB./.</div>
      </div>
      <br>
      <fieldset class="mimeAttachmentHeader"></fieldset>
      <br>
      <pre wrap="">_______________________________________________
OvmsDev mailing list
<a class="moz-txt-link-abbreviated" href="mailto:OvmsDev@lists.openvehicles.com">OvmsDev@lists.openvehicles.com</a>
<a class="moz-txt-link-freetext" href="http://lists.openvehicles.com/mailman/listinfo/ovmsdev">http://lists.openvehicles.com/mailman/listinfo/ovmsdev</a>
</pre>
    </blockquote>
    <br>
    <pre class="moz-signature" cols="160">-- 
Michael Balzer * Helkenberger Weg 9 * D-58256 Ennepetal
Fon 02333 / 833 5735 * Handy 0176 / 206 989 26
</pre>
  </body>
</html>