Fossil SCM

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).

stephan 2020-09-19 12:49 trunk
Commit 4ad86dd5f752f85f72166aa3c6ac24aaac3d7e18b77cd32b611d88bd20a8cc7a
1 file changed +3 -2
+3 -2
--- src/default.css
+++ src/default.css
@@ -1400,11 +1400,13 @@
14001400
</DIV.pikchr-wrapper>
14011401
14021402
************************************************************/
14031403
div.pikchr-wrapper {/*outer wrapper elem for a pikchr construct*/}
14041404
div.pikchr-svg {/*wrapper for SVG.pikchr element*/}
1405
-svg.pikchr {/*pikchr SVG*/}
1405
+svg.pikchr {/*pikchr SVG*/
1406
+ width: 100%/*necessary for SOME SVGs for Chrome!*/;
1407
+}
14061408
pre.pikchr-src {/*source code view for a pikchr (see fossil.pikchr.js)*/
14071409
box-sizing: border-box;
14081410
text-align: left;
14091411
}
14101412
/* The .source-inline class tells the .source class that the
@@ -1414,11 +1416,10 @@
14141416
div.pikchr-wrapper.center:not(.source),
14151417
div.pikchr-wrapper.center.source.source-inline{
14161418
text-align: center;
14171419
}
14181420
div.pikchr-wrapper.center > div.pikchr-svg {
1419
- width: 100%/*necessary for Chrome!*/;
14201421
}
14211422
div.pikchr-wrapper.center:not(.source) > pre.pikchr-src,
14221423
div.pikchr-wrapper.center:not(.source) > div.pikchr-svg,
14231424
div.pikchr-wrapper.center.source.source-inline > pre.pikchr-src,
14241425
div.pikchr-wrapper.center.source.source-inline > div.pikchr-svg{
14251426
--- src/default.css
+++ src/default.css
@@ -1400,11 +1400,13 @@
1400 </DIV.pikchr-wrapper>
1401
1402 ************************************************************/
1403 div.pikchr-wrapper {/*outer wrapper elem for a pikchr construct*/}
1404 div.pikchr-svg {/*wrapper for SVG.pikchr element*/}
1405 svg.pikchr {/*pikchr SVG*/}
 
 
1406 pre.pikchr-src {/*source code view for a pikchr (see fossil.pikchr.js)*/
1407 box-sizing: border-box;
1408 text-align: left;
1409 }
1410 /* The .source-inline class tells the .source class that the
@@ -1414,11 +1416,10 @@
1414 div.pikchr-wrapper.center:not(.source),
1415 div.pikchr-wrapper.center.source.source-inline{
1416 text-align: center;
1417 }
1418 div.pikchr-wrapper.center > div.pikchr-svg {
1419 width: 100%/*necessary for Chrome!*/;
1420 }
1421 div.pikchr-wrapper.center:not(.source) > pre.pikchr-src,
1422 div.pikchr-wrapper.center:not(.source) > div.pikchr-svg,
1423 div.pikchr-wrapper.center.source.source-inline > pre.pikchr-src,
1424 div.pikchr-wrapper.center.source.source-inline > div.pikchr-svg{
1425
--- src/default.css
+++ src/default.css
@@ -1400,11 +1400,13 @@
1400 </DIV.pikchr-wrapper>
1401
1402 ************************************************************/
1403 div.pikchr-wrapper {/*outer wrapper elem for a pikchr construct*/}
1404 div.pikchr-svg {/*wrapper for SVG.pikchr element*/}
1405 svg.pikchr {/*pikchr SVG*/
1406 width: 100%/*necessary for SOME SVGs for Chrome!*/;
1407 }
1408 pre.pikchr-src {/*source code view for a pikchr (see fossil.pikchr.js)*/
1409 box-sizing: border-box;
1410 text-align: left;
1411 }
1412 /* The .source-inline class tells the .source class that the
@@ -1414,11 +1416,10 @@
1416 div.pikchr-wrapper.center:not(.source),
1417 div.pikchr-wrapper.center.source.source-inline{
1418 text-align: center;
1419 }
1420 div.pikchr-wrapper.center > div.pikchr-svg {
 
1421 }
1422 div.pikchr-wrapper.center:not(.source) > pre.pikchr-src,
1423 div.pikchr-wrapper.center:not(.source) > div.pikchr-svg,
1424 div.pikchr-wrapper.center.source.source-inline > pre.pikchr-src,
1425 div.pikchr-wrapper.center.source.source-inline > div.pikchr-svg{
1426

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button