Limit width of images in writeup to viewport.

ecc521 · Feb 27, 2020 · 79595d1 · 79595d1
1 parent 9f4faaa
commit 79595d1
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 7 deletions.
diff --git a/index.css b/index.css
@@ -174,6 +174,10 @@ https://fonts.googleapis.com/css?family=Noto Sans HK&text=★☆⬆⬇
 	font-size: inherit;
 }
 
+.riverWriteup img {
+	max-width: 98vw; /*Prevent images from overflowing the screen. */
+}
+
 .emptyStars {
 	position:static;
 	top:0px;

diff --git a/packages/allPages.js b/packages/allPages.js
diff --git a/packages/allPages.js.map b/packages/allPages.js.map
diff --git a/packages/index.css b/packages/index.css
diff --git a/packages/index.css.map b/packages/index.css.map
diff --git a/packages/index.js b/packages/index.js
diff --git a/packages/index.js.map b/packages/index.js.map
diff --git a/src/riverExpansion.js b/src/riverExpansion.js
@@ -25,7 +25,7 @@ const {createDeviceNotificationsWidget, createEmailNotificationsWidget} = requir
 
 function createExpansion(button, river) {
             var div = document.createElement("div")
-
+			div.className = "riverWriteup"
 			div.innerHTML = ""
 
 			//Only show a link if river.dam is a link. This allows rivers to be marked as dams and explanations to be put in the writeups.