Added a Sales Sheet page along with other changes.

2017-05-09 13:51:26 -07:00
parent 184ce1133f
commit e1b0b19589
39 changed files with 3581 additions and 5610 deletions
--- a/imports/ui/SalesSheetForm.import.styl
+++ b/imports/ui/SalesSheetForm.import.styl
@@ -0,0 +1,109 @@
+#salesSheetsMain
+	.salesSheetProducts
+		> div
+			width: 400px
+			margin: 0 4px 0 4px
+		.header
+			padding-top: 4px
+			.name
+				font-size: 1.5em
+				text-transform: uppercase
+				color: #0a6f10
+				text-shadow: 0px 0px 12px #8fa4d1
+				background: white
+				font-weight: 800
+				width: 100%
+				padding: 4px 6px 6px 6px
+				border-bottom: 2px solid #335a4a
+				text-overflow: ellipsis
+				white-space: nowrap
+				overflow: hidden
+		.product
+			background-color: #ffecde
+			-webkit-box-shadow: inset 0px 0px 40px 14px white
+			-moz-box-shadow: inset 0px 0px 40px 14px white
+			box-shadow: inset 0px 0px 40px 14px white
+			.nameAndTotal
+				display: flex
+				flex-flow: row wrap
+				justify-content: flex-start
+				align-items: center
+				align-content: stretch
+				margin-bottom: 4px
+				.name
+					flex: 1 1 auto
+					font-size: 1.5em
+					color: #575757
+					text-overflow: ellipsis
+					white-space: nowrap
+					overflow: hidden
+				.total
+					flex: 0 0 auto
+					width: 80px
+					font-size: 1.2em
+					color: #00378b
+					text-shadow: 0px 0px 8px #7690d1
+					overflow: hidden
+			.measures
+				display: flex
+				flex-flow: row wrap
+				justify-content: flex-start
+				align-items: center
+				align-content: stretch
+				margin-bottom: 6px
+				.measure
+					flex: 1 0 auto
+					display: flex
+					flex-flow: row wrap
+					justify-content: flex-start
+					align-items: center
+					align-content: stretch
+					.label
+						font-size: 1em
+						font-weight: 600
+						margin-right: 4px
+					input[name="price"]
+						width: 63px
+					input[name="amount"]
+						width: 47px
+		.product.odd
+			background-color: #ede0f1
+			-webkit-box-shadow: inset 0px 0px 40px 14px white
+			-moz-box-shadow: inset 0px 0px 40px 14px white
+			box-shadow: inset 0px 0px 40px 14px white
+		.sheetControls
+			padding-top: 4px
+			display: flex
+			flex-flow: row wrap
+			justify-content: flex-start
+			align-items: center
+			align-content: stretch
+			.saveSheet, .resetSheet
+				flex: 1 1 auto
+				font-size: 1em
+				color: #e9e9e9
+				font-weight: 800
+				text-transform: uppercase
+				text-align: center
+				padding: 10px
+				margin: 4px
+			.saveSheet
+				background: #007200
+				-webkit-box-shadow: inset 0px 0px 20px -2px white
+				-moz-box-shadow: inset 0px 0px 20px -2px white
+				box-shadow: inset 0px 0px 20px -2px white
+			.resetSheet
+				background: #960000
+				-webkit-box-shadow: inset 0px 0px 20px -2px white
+				-moz-box-shadow: inset 0px 0px 20px -2px white
+				box-shadow: inset 0px 0px 20px -2px white
+			.saveSheet:hover, .resetSheet:hover
+				text-shadow: 0px 0px 16px white
+			.saveSheet:hover
+				background: #005600
+			.resetSheet:hover
+				background: #7f0000
+			.saveSheet:active
+				background: #009000
+			.resetSheet:active
+				background: #b90000