new version

scruffian · scruffian · commit e2567d2e88a5 · 2018-08-22T12:35:35.000+01:00
diff --git a/build/bundle.js b/build/bundle.js
diff --git a/src/components/_dimensions.scss b/src/components/_dimensions.scss
@@ -0,0 +1,4 @@
+$column-width: 480px;
+$column-padding: 20px;
+
+$total-column-width: $column-width + ( $column-padding * 2 );
diff --git a/src/components/reference/styles.scss b/src/components/reference/styles.scss
@@ -1,11 +1,13 @@
+@import '../_dimensions.scss';
+
 .reference {
 	height: calc( 100vh - 56px );
 	overflow-x: hidden;
 	overflow-y: scroll;
 	width: 100%;
 
 	&.is-not-sync {
-		max-width: 520px;
+		max-width: $total-column-width;
 	}
 }
 
@@ -26,17 +28,17 @@
 	font-family: 'Helvetica Neue';
 	font-weight: 100;
 	margin: 0 auto;
-	max-width: 480px;
+	max-width: $column-width;
 	padding: 10px 0;
 	text-align: center;
 }
 
 .verseWrapper {
 	color: #bbb;
-	padding: 0 20px;
-	flex-basis: 50%;
-	flex-grow: 2;
-	max-width: 480px;
+	padding: 0 $column-padding;
+	flex-basis: 0;
+	flex-grow: 1;
+	max-width: $column-width;
 }
 
 .verse {
diff --git a/src/components/version-selector/styles.scss b/src/components/version-selector/styles.scss
@@ -1,3 +1,5 @@
+@import '../_dimensions.scss';
+
 .version-selector {
 	display: flex;
 }
@@ -7,7 +9,7 @@
 	flex-basis: 0;
 	flex-grow: 1;
 	margin-right: -1px;
-	max-width: 520px;
+	max-width: $total-column-width;
 }
 
 .form-field, .left-version, .right-version {
diff --git a/sw.js b/sw.js
@@ -1,4 +1,4 @@
-var cache = 'javascripture.16.0'; // add greek transliteration
+var cache = 'javascripture.17.0'; // add flexible column numbers
 
 self.addEventListener('install', function(e) {
 	e.waitUntil( caches.open( cache ).then(function(cache) { // layout tweaks

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@import '../_dimensions.scss';`
	`2`	`+`
`1`	`3`	`.version-selector {`
`2`	`4`	`display: flex;`
`3`	`5`	`}`
`@@ -7,7 +9,7 @@`
`7`	`9`	`flex-basis: 0;`
`8`	`10`	`flex-grow: 1;`
`9`	`11`	`margin-right: -1px;`
`10`		`- max-width: 520px;`
	`12`	`+ max-width: $total-column-width;`
`11`	`13`	`}`
`12`	`14`
`13`	`15`	`.form-field, .left-version, .right-version {`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-var cache = 'javascripture.16.0'; // add greek transliteration`
	`1`	`+var cache = 'javascripture.17.0'; // add flexible column numbers`
`2`	`2`
`3`	`3`	`self.addEventListener('install', function(e) {`
`4`	`4`	`e.waitUntil( caches.open( cache ).then(function(cache) { // layout tweaks`