Fossil

Check-in [1620841523]
Login

Check-in [1620841523]

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:Documented a simpler pikchr-centering implementation for potential future use but did not activate it due to concerns about current browser-side availability.
Downloads: Tarball | ZIP archive
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256: 1620841523844e2411f4e64cc97d4a08a28886691c421432b0d805da40b8be1d
User & Date: stephan 2020-09-19 13:10:34.220
Context
2020-09-19
13:58
Clean up the fossil bisect summary per [https://fossil-scm.org/forum/forumpost/00503372fc] ... (check-in: 6e45212a5b user: andygoth tags: trunk)
13:10
Documented a simpler pikchr-centering implementation for potential future use but did not activate it due to concerns about current browser-side availability. ... (check-in: 1620841523 user: stephan tags: trunk)
12:49
Worked around an SVG rendering bug in Chrome by setting the width of all svg.pikchr to 100%, regardless of alignment (previously was only applied to centered SVGs). ... (check-in: 4ad86dd5f7 user: stephan tags: trunk)
Changes
Unified Diff Ignore Whitespace Patch
Changes to src/default.css.
︙︙
1412
1413
1414
1415
1416
1417
1418







1419
1420
1421
1422
1423

1424
1425

1426
1427
1428
1429
1430
1431
1432
1433

/* The .source-inline class tells the .source class that the
   source view, when enbaled, should be "inline" (same position
   as the graphic), else the sources are shifted to the left as
   if they were "plain text". */
div.pikchr-wrapper.center:not(.source),
div.pikchr-wrapper.center.source.source-inline{
  text-align: center;







}
div.pikchr-wrapper.center > div.pikchr-svg {
}
div.pikchr-wrapper.center:not(.source) > pre.pikchr-src,
div.pikchr-wrapper.center:not(.source) > div.pikchr-svg,

div.pikchr-wrapper.center.source.source-inline > pre.pikchr-src,
div.pikchr-wrapper.center.source.source-inline > div.pikchr-svg{

  display:inline-block/*allows text-align to do the alignment*/;
}
div.pikchr-wrapper.indent:not(.source),
div.pikchr-wrapper.indent.source.source-inline{
  margin-left: 4em;
}
div.pikchr-wrapper.float-left:not(.source),
div.pikchr-wrapper.float-left.source.source-inline {








>
>
>
>
>
>
>





>

|
>
|








1412
1413
1414
1415
1416
1417
1418
1419
1420
1421
1422
1423
1424
1425
1426
1427
1428
1429
1430
1431
1432
1433
1434
1435
1436
1437
1438
1439
1440
1441
1442

/* The .source-inline class tells the .source class that the
   source view, when enbaled, should be "inline" (same position
   as the graphic), else the sources are shifted to the left as
   if they were "plain text". */
div.pikchr-wrapper.center:not(.source),
div.pikchr-wrapper.center.source.source-inline{
  text-align: center;
  /* Reminder for The Future: this impl also works:

      display: grid; place-items: center;

     and does not require setting display:inline-block on the relevant
     child items, but caniuse.com/css-grid suggests that some
     still-seemingly-legitimate browsers don't support grid mode. */
}
div.pikchr-wrapper.center > div.pikchr-svg {
}
div.pikchr-wrapper.center:not(.source) > pre.pikchr-src,
div.pikchr-wrapper.center:not(.source) > div.pikchr-svg,
/* ^^^ Centered non-source-view elements */
div.pikchr-wrapper.center.source.source-inline > pre.pikchr-src,
div.pikchr-wrapper.center.source.source-inline > div.pikchr-svg
/* ^^^ Centered inline-source-view elements */{
  display:inline-block/*allows parent text-align to do the alignment*/;
}
div.pikchr-wrapper.indent:not(.source),
div.pikchr-wrapper.indent.source.source-inline{
  margin-left: 4em;
}
div.pikchr-wrapper.float-left:not(.source),
div.pikchr-wrapper.float-left.source.source-inline {
︙︙