Zvýrazňování čar (pointrů) pomocí atributu místo třídy

korektury/static/korektury/opraf.css

@@ -55,25 +55,21 @@ img{background:white;}
 }
 
 /* Čára od textu k místu korektury */
-.pointer-hi, 
 .pointer{ 
 	position:absolute;
 	border-bottom-left-radius: 10px;
-	border-left: 2px solid rgb(var(--rgb),var(--alpha));
+	border-left: 1px solid rgb(var(--rgb),var(--alpha));
-	border-bottom: 2px solid rgb(var(--rgb),var(--alpha));
+	border-bottom: 1px solid rgb(var(--rgb),var(--alpha));
 	pointer-events: none;
-}
+
+	--alpha: 0.35;
 
 	/* Zvýraznění čáry při najetí na korekturu */
-.pointer {
+	&[data-highlight="true"] {
-	border-width: 1px;
-	--alpha: 0.35;
-}
-
-.pointer-hi {
 		border-width: 3px;
 		--alpha: 1;
 	}
+}
 
 /* Korektura samotná */
 .oprava {

korektury/static/korektury/opraf.js

@@ -118,14 +118,12 @@ function update_comment(oid,ktid)
 function oprava_onmouseover(op)
 {
 	var pointer = op.pointer;
-	pointer.classList.remove('pointer');
+    pointer.dataset.highlight = "true";
-	pointer.classList.add('pointer-hi');
 }
 
 function oprava_onmouseout(op)
 {
 	var pointer = op.pointer;
-	pointer.classList.remove('pointer-hi');
+    pointer.dataset.highlight = "false";
-	pointer.classList.add('pointer');
 }
 

korektury/templates/korektury/korekturovatko/__oprava.html

@@ -3,6 +3,7 @@
 <div
      id='op{{o.id}}-pointer'
      class='pointer'
+     data-highlight="false"
      data-opravastatus="{{o.status}}"
 >
 </div>