Updated to nearly fully functional. Pre-release 1. Still needs some UI changes in the slideshow and admin pages (move the save button & fix the save detection for the internship list). Customer had one more page change request which I need to re-define and handle.

2018-12-12 11:04:00 -08:00
parent c0e971774e
commit 3fc374eda3
108 changed files with 3472 additions and 628 deletions
--- a/imports/ui/Admin/InternshipEditor.import.styl
+++ b/imports/ui/Admin/InternshipEditor.import.styl
@@ -0,0 +1,118 @@
+#internshipEditor
+	display: block
+	.internshipNavigation
+		float: left
+		clear: none
+		display: inline-block
+		min-width: 200px
+		width: 20%
+		padding-right: 20px
+		position: relative
+		padding-top: 50px
+
+		.addInternship
+			margin-bottom: 10px
+			position: absolute
+			left: 0
+			top: 0
+			right: 60px
+			height: 40px
+			input[name="newInternshipName"]
+				display: inline-block
+				width: 0
+				transition: all .75s ease
+				border: 0
+				opacity: 0
+				font-size: 1.2em
+			input[name="newInternshipName"].show
+				opacity: 1
+				border: 1px solid #ccc
+				border-radius: 4px
+				width: 70%
+				transform: translateX(4px)
+			.createInternship
+				display: inline-block
+				position: relative
+				top: 2px
+				padding: 2px 6px
+				margin: 0 4px
+				//width: 33px
+				text-align: center
+				font-size: 1.5em
+				line-height: 1.5em
+				border-radius: 8px
+				//border: 1px solid rgba(0, 0, 0, 0)
+				box-sizing: border-box
+			.createInternship:hover
+				//border: 1px inset #b100d1
+				//-webkit-box-shadow: inset 0px 0px 20px 0px #de7cff
+				//-moz-box-shadow: inset 0px 0px 20px 0px #de7cff
+				//box-shadow: inset 0px 0px 20px 0px #de7cff
+				color: #5c8744
+			.createInternship
+				transform: translateX(-25px) rotate(0deg)
+				transition: all .75s ease
+			.createInternship.move
+				transform: translateX(6px) rotate(720deg)
+		.editPageText
+			position: absolute
+			right: 0
+			top: 0
+			width: 60px
+			font-size: 14px
+			text-align: center
+			line-height: 14px
+			font-weight: 800
+			border: 1.5px solid gray
+			border-radius: 6px
+			padding: 6px
+			margin-right: 5px
+		.editPageText:hover
+			background-color: #c6c6c6
+		.editPageText:active
+			border-color: black
+
+		.internshipListItem
+			display: block
+			background: white
+			padding: 2px 0
+			white-space: nowrap
+			position: relative
+			height: 24px
+			.name
+				position: absolute
+				left: 0
+				top: 0
+				bottom: 0
+				right: 24px
+				overflow: hidden
+			.deleteInternship
+				position: absolute
+				right: 0
+				top: 0
+				bottom: 0
+				width: 24px
+				padding-top: 0px
+				padding-left: 2px
+				color: #7c0000
+				line-height: 24px
+				font-size: 18px
+			.deleteInternship:hover
+				font-size: 22px
+				top: 0
+				right: 2px
+				color: #ab0000
+			.deleteInternship:active
+				color: #613434
+		.internshipListItem:hover
+			background: #e2ddc0
+		.internshipListItem:active
+			background: rgba(254, 255, 0, 0.56)
+		.internshipListItem.selected
+			background: rgba(254, 255, 0, 0.56)
+
+	.internshipHtml
+		display: inline-block
+		max-width: 80%
+		min-width: 200px
+		width: 100%