summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorBrian Picciano <mediocregopher@gmail.com>2018-11-12 15:41:44 -0500
committerBrian Picciano <mediocregopher@gmail.com>2018-11-12 15:41:44 -0500
commit32e4f59265056927ee6779af2bfa0a832e575311 (patch)
tree34d66c9669d047af7ed9ec327c81ee2f6e8e6d63
parent4598d7092b2bdc23a8976ac26e91d9072513820b (diff)
fix viz canvas size
-rw-r--r--_posts/2018-11-12-viz-1.md3
-rw-r--r--assets/main.css7
2 files changed, 6 insertions, 4 deletions
diff --git a/_posts/2018-11-12-viz-1.md b/_posts/2018-11-12-viz-1.md
index b04b737..264e852 100644
--- a/_posts/2018-11-12-viz-1.md
+++ b/_posts/2018-11-12-viz-1.md
@@ -15,11 +15,10 @@ blog.
This is the first of a series of visualization posts I intend to work on, each
building from the previous one.
-<!--<script src="/assets/viz/1/js/main.js"></script>-->
<script src="/assets/viz/1/goog/base.js"></script>
<script src="/assets/viz/1/cljs_deps.js"></script>
<script>goog.require("viz.core");</script>
-<p align="center"><canvas style="width:100%;" id="viz"></canvas></p>
+<p align="center"><canvas id="viz"></canvas></p>
This visualization follows a few simple rules:
diff --git a/assets/main.css b/assets/main.css
index 23f52cb..78ede2b 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -59,7 +59,8 @@ ul {
min-width: 1px;
}
-#crypto-display-qr img,canvas {
+#crypto-display-qr img,
+#crypto-display-qr canvas {
width: 100%;
max-width: 512px;
}
@@ -115,6 +116,8 @@ ul {
margin-left: 1em;
}
-#post-content img {
+#post-content img,
+#post-content canvas
+{
max-width: 100%;
}