From 807f865d8b1ea88db7c640eb201f05993e32f2eb Mon Sep 17 00:00:00 2001
From: Gazook89 <58999374+Gazook89@users.noreply.github.com>
Date: Thu, 12 Aug 2021 07:42:08 -0500
Subject: [PATCH] Match Legacy snippets to v3, remove <style> from style
 snippets

- Matched the Legacy snippets to v3, with appropriate syntax.
- Small adjustments to Ink Friendly snippet (retains images, reduces drop shadows, sets more backgrounds to White)
- Adds commented snippet 'titles' for Page snippets
---
 .../editor/snippetbar/snippets/snippets.js    | 42 ++++++++++---------
 .../snippetbar/snippetsLegacy/snippets.js     | 32 +++++++++-----
 2 files changed, 45 insertions(+), 29 deletions(-)

diff --git a/client/homebrew/editor/snippetbar/snippets/snippets.js b/client/homebrew/editor/snippetbar/snippets/snippets.js
index 8f608a614..39f28133c 100644
--- a/client/homebrew/editor/snippetbar/snippets/snippets.js
+++ b/client/homebrew/editor/snippetbar/snippets/snippets.js
@@ -298,35 +298,39 @@ module.exports = [
 			{
 				name : 'A4 Page Size',
 				icon : 'far fa-file',
-				gen  : ['<style>',
-					'  .phb{',
-					'    width : 210mm;',
-					'    height : 296.8mm;',
-					'  }',
-					'</style>'
+				gen  : ['/* A4 Page Size */',
+					'.phb{',
+					'	width : 210mm;',
+					'	height : 296.8mm;',
+					'}',
+					''
 				].join('\n')
 			},
 			{
 				name : 'Square Page Size',
 				icon : 'far fa-file',
-				gen  : ['<style>',
-					'	.page {',
-					'		width:5.25in;',
-					'		height:5.25in;',
-					'		padding:.5in;',
-					'		columns:unset;',
-					'	}',
-					'</style>'
+				gen  : ['/* Square Page Size */',
+					'.page {',
+					'	width:5.25in;',
+					'	height:5.25in;',
+					'	padding:.5in;',
+					'	columns:unset;',
+					'}',
+					''
 				].join('\n')
 			},
 			{
 				name : 'Ink Friendly',
 				icon : 'fas fa-tint',
-				gen  : ['<style>',
-					'	.pages *:is(.page,.monster,.note,.descriptive) {',
-					'		background:white !important;',
-					'	}',
-					'</style>',
+				gen  : ['/* Ink Friendly */',
+					'.pages *:is(.page,.monster,.note,.descriptive) {',
+					'	background:white !important;',
+					'	box-shadow:0px 0px 3px !important;',
+					'}',
+					'',
+					'.page .note:before {',
+					'	box-shadow:0px 0px 3px;',
+					'}',
 					''
 				].join('\n')
 			},
diff --git a/client/homebrew/editor/snippetbar/snippetsLegacy/snippets.js b/client/homebrew/editor/snippetbar/snippetsLegacy/snippets.js
index b66430dbb..5015d371a 100644
--- a/client/homebrew/editor/snippetbar/snippetsLegacy/snippets.js
+++ b/client/homebrew/editor/snippetbar/snippetsLegacy/snippets.js
@@ -271,24 +271,36 @@ module.exports = [
 		view    : 'style',
 		snippets  : [
 			{
-				name : 'A4 PageSize',
+				name : 'A4 Page Size',
 				icon : 'far fa-file',
-				gen  : ['<style>',
-					'  .phb{',
+				gen  : ['/* A4 Page Size */',
+					'.phb {',
 					'    width : 210mm;',
 					'    height : 296.8mm;',
-					'  }',
-					'</style>'
+					'}'
+				].join('\n')
+			},
+			{
+				name : 'Square Page Size',
+				icon : 'far fa-file',
+				gen  : ['/* Square Page Size */',
+					'.phb {',
+					'	width:5.25in;',
+					'	height:5.25in;',
+					'	padding:.5in;',
+					'	columns:unset;',
+					'}',
+					''
 				].join('\n')
 			},
 			{
 				name : 'Ink Friendly',
 				icon : 'fas fa-tint',
-				gen  : ['<style>',
-					'  .phb{ background : white;}',
-					'  .phb img{ display : none;}',
-					'  .phb hr+blockquote{background : white;}',
-					'</style>',
+				gen  : ['/* Ink Friendly */',
+					'.phb, .phb blockquote, .phb hr+blockquote {',
+					'	background : white;',
+					'	box-shadow : 0px 0px 3px;',
+					'}',
 					''
 				].join('\n')
 			},