diff --git a/src/display/annotation_layer.js b/src/display/annotation_layer.js index 17cbb2a72..07d200331 100644 --- a/src/display/annotation_layer.js +++ b/src/display/annotation_layer.js @@ -217,7 +217,7 @@ var LinkAnnotationElement = (function LinkAnnotationElementClosure() { * @returns {HTMLSectionElement} */ render: function LinkAnnotationElement_render() { - this.container.className = 'annotLink'; + this.container.className = 'linkAnnotation'; var link = document.createElement('a'); link.href = link.title = this.data.url || ''; diff --git a/test/annotation_layer_test.css b/test/annotation_layer_test.css index 9ea5dc105..6a1cf8dc5 100644 --- a/test/annotation_layer_test.css +++ b/test/annotation_layer_test.css @@ -27,7 +27,7 @@ position: absolute; } -.annotationLayer .annotLink > a { +.annotationLayer .linkAnnotation > a { position: absolute; font-size: 1em; top: 0; diff --git a/web/annotation_layer_builder.css b/web/annotation_layer_builder.css index daeb48fd7..4e041f510 100644 --- a/web/annotation_layer_builder.css +++ b/web/annotation_layer_builder.css @@ -17,7 +17,20 @@ position: absolute; } -.annotationLayer .annotLink > a:hover { +.annotationLayer .linkAnnotation > a { + position: absolute; + font-size: 1em; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.annotationLayer .linkAnnotation > a /* -ms-a */ { + background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat; +} + +.annotationLayer .linkAnnotation > a:hover { opacity: 0.2; background: #ff0; box-shadow: 0px 2px 10px #ff0; @@ -55,16 +68,3 @@ .annotationLayer .popup p { padding-top: 0.2em; } - -.annotationLayer .annotLink > a { - position: absolute; - font-size: 1em; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - -.annotationLayer .annotLink > a /* -ms-a */ { - background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat; -}