Added hover interaction to see through patches.

Fixes #14. Simple :hover styling does not work because patches consist of a <rect> that is associated with, but not inside the corresponding <g>
faustedition · Nov 16, 2015 · 52c9a9d · 52c9a9d
1 parent 3e085da
commit 52c9a9d
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/css/document-transcript.css b/css/document-transcript.css
@@ -132,6 +132,15 @@ svg.diplomatic rect.patchBackground {
     fill-opacity: 0.8;
 }
 
+
+svg.diplomatic .element-patch {
+  transition: opacity 0.5s ease-out;
+}
+
+svg.diplomatic .patch-transparent {
+  opacity: 0.1;
+} 
+
 /* various annotations */
 
 svg.diplomatic .text.rewrite {