Merge pull request #5282 from CodingFabian/nicer-overlapping-text-selection

TextLayer selection coloring improvement for overlap.

web/viewer.css

@@ -1327,7 +1327,7 @@ canvas {
   margin: -1px;
   padding: 1px;
 
-  background-color: rgba(180, 0, 170, 0.2);
+  background-color: rgb(180, 0, 170);
   border-radius: 4px;
 }
 
@@ -1344,7 +1344,7 @@ canvas {
 }
 
 .textLayer .highlight.selected {
-  background-color: rgba(0, 100, 0, 0.2);
+  background-color: rgb(0, 100, 0);
 }
 
 /* TODO: file FF bug to support ::-moz-selection:window-inactive
@@ -1353,6 +1353,12 @@ canvas {
 ::selection { background: rgba(0,0,255,0.3); }
 ::-moz-selection { background: rgba(0,0,255,0.3); }
 
+.textLayer ::selection { background: rgb(0,0,255); }
+.textLayer ::-moz-selection { background: rgb(0,0,255); }
+.textLayer {
+  opacity: 0.2;
+}
+
 .annotationHighlight {
   position: absolute;
   border: 2px #FFFF99 solid;