Status korektury jako atribut a ne třída

korektury/static/korektury/opraf.css

@@ -20,16 +20,16 @@ body[data-status="zastarale"] {
 img{background:white;}
 
 /* Barvy korektur */
-.k_oprave { 
+[data-opravastatus="k_oprave"] {
 	--rgb: 255, 0, 0;
 }
-.opraveno {
+[data-opravastatus="opraveno"] {
 	--rgb: 0, 0, 255;
 }
-.neni_chyba {
+[data-opravastatus="neni_chyba"] {
 	--rgb: 128, 128, 128;
 }
-.k_zaneseni {
+[data-opravastatus="k_zaneseni"] {
 	--rgb: 0, 255, 0;
 }
 

korektury/templates/korektury/korekturovatko/__oprava.html

@@ -2,12 +2,16 @@
 
 <div onclick='img_click(this,event)'
      id='op{{o.id}}-pointer'
-     class='pointer {{o.status}}'>
+     class='pointer'
+     data-opravastatus="{{o.status}}"
+>
 </div>
 <div name='op{{o.id}}' id='op{{o.id}}'
-     class='box {{o.status}}'
+     class='box'
+     data-opravastatus="{{o.status}}"
      onmouseover='box_onmouseover(this)'
-     onmouseout='box_onmouseout(this)'>
+     onmouseout='box_onmouseout(this)'
+>
 
   <div class='corr-body' id='op{{o.id}}-body'>
 

korektury/templates/korektury/korekturovatko/_schovani_korektur.html

@@ -38,7 +38,7 @@ Zobrazit:
     }
     for (var i=0;i<ssheet.cssRules.length;i++){
       var rule = ssheet.cssRules[i];
-      if (rule.selectorText === '.'+aclass){
+      if (rule.selectorText === '[data-opravastatus="'+aclass+'"]'){
         if (rule.style.display === ""){
           rule.style.display = "none";
         } else {