Merge pull request #7 from jdryg/cleanup

Cleanup directive code
jdryg · Mar 31, 2015 · 7f303b2 · 7f303b2
2 parents 3f963d3 + 6936ca4
commit 7f303b2
Show file tree

Hide file tree

Showing 3 changed files with 842 additions and 778 deletions.
diff --git a/css/angular-pdf-viewer.css b/css/angular-pdf-viewer.css
@@ -64,4 +64,35 @@ pdf-viewer .page .annotLink > a {
 
 pdf-viewer .page .annotLink > a:hover {
 	background-color: rgba(255, 255, 0, 0.25);
-}
+}
+
+pdf-viewer .page .annotText > img {
+	position: absolute;
+	cursor: pointer;
+}
+
+pdf-viewer .page .annotTextContentWrapper {
+	position: absolute;
+	width: 20em;
+}
+
+pdf-viewer .page .annotTextContent {
+	z-index: 200;
+	float: left;
+	max-width: 20em;
+	background-color: #FFFF99;
+	box-shadow: 0px 2px 5px #333;
+	border-radius: 2px;
+	padding: 0.6em;
+	cursor: pointer;
+}
+
+pdf-viewer .page .annotTextContent > h1 {
+	font-size: 1em;
+	border-bottom: 1px solid #000000;
+	padding-bottom: 0.2em;
+}
+
+pdf-viewer .page .annotTextContent > p {
+	padding-top: 0.2em;
+}
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
 		<title>Angular PDF Viewer demo</title>
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
-		
+
 		<link rel="stylesheet" href="css/normalize.css" />
 		<link rel="stylesheet" href="css/angular-pdf-viewer.css" />
 
@@ -18,6 +18,14 @@
 		<script src="js/angular-pdf-viewer.js"></script>
 		<script src="js/controllers.js"></script>
 		<script src="js/app.js"></script>
+
+		<script>
+			(function ConfigPDFJS(PDFJS) {
+				PDFJS.verbosity = PDFJS.VERBOSITY_LEVELS.errors;
+				PDFJS.imageResourcesPath = "/img/pdfjs/"; // For annotation icons
+				PDFJS.disableWorker = true;
+			})(PDFJS);
+		</script>
 	</head>
 
 	<body data-ng-app="DemoApp">