A ještě jedno uhlazení CSS korekturovátka

korektury/static/korektury/opraf.css

@@ -1,20 +1,22 @@
 .textzanaseni { display:none; }
 .textzastarale { display:none; }
 
-body[data-status="pridavani"] {
-	background: #f3f3f3; 
-}
+body {
+	&[data-status="pridavani"] {
+		background: #f3f3f3;
+	}
 
-body[data-status="zanaseni"] {
-    background: yellow;
+	&[data-status="zanaseni"] {
+		background: yellow;
 
-	.textzanaseni { display: unset; }
-}
+		.textzanaseni { display: unset; }
+	}
 
-body[data-status="zastarale"] {
-    background: red;
+	&[data-status="zastarale"] {
+		background: red;
 
-	.textzastarale { display: unset; }
+		.textzastarale { display: unset; }
+	}
 }
 
 img{background:white;}
@@ -45,108 +47,97 @@ img{background:white;}
 	[value="notcomment"] { display: none }
 }
 
+/* Skrývání korektur */
 [data-opravazobrazit="false"] {
 	.corr-body { display: none; }
 	.corr-buttons { display: none; }
 	.toggle-button { transform: rotate(180deg); }
 }
 
+/* Čára od textu k místu korektury */
 .pointer-hi, 
 .pointer{ 
 	position:absolute;
-	/*border-bottom-left-radius: 10px; */
-	border-left: 2px solid yellow;
-	border-bottom: 2px solid yellow;
-	border-color: rgb(var(--rgb),var(--alpha));
+	border-bottom-left-radius: 10px;
+	border-left: 2px solid rgb(var(--rgb),var(--alpha));
+	border-bottom: 2px solid rgb(var(--rgb),var(--alpha));
+	pointer-events: none;
 }
 
+/* Zvýraznění čáry při najetí na korekturu */
 .pointer {
 	border-width: 1px;
 	--alpha: 0.35;
-	pointer-events: none;
 }
 
 .pointer-hi {
 	border-width: 3px;
 	--alpha: 1;
-	pointer-events: none;
 }
 
-
-
-.oprava:hover{
-	border-width:3px;
-	margin: 0px;
-}
+/* Korektura samotná */
 .oprava {
 	margin: 1px;
 	background-color: white;
-	width:300px;
-	/*position:absolute;*/
+	width: 300px;
 	padding: 3px;
-	border: 2px solid black;
+	border: 2px solid rgb(var(--rgb));
 	border-radius: 10px;
-	border-color: rgb(var(--rgb));
+
+	&:hover {
+		border-width:3px;
+		margin: 0;
+	}
+
+	button, img {
+		border: 1px solid white;
+		background-color:transparent;
+		margin:0;
+		padding: 1px;
+
+		&:hover {
+			border: 1px solid black;
+		}
+	}
+
+	.corr-header {
+		overflow: auto;
+	}
+
+	.author {
+		font-weight: bold;
+		float: left;
+		margin-top: 3px;
+	}
+
+	.float-right{
+		float:right;
+	}
 }
+
 form {
 	display:inline;
 }
 
-.float-right{
-	float:right;
-}
-
+/* Zobrazované PDF */
 .imgdiv {
 	position:relative;
-	left:0px;
-	top:0px;
+	left:0;
+	top:0;
 }
+
+/* Přidávání korektury / úprava komentáře */
 #commform-div {
 	position: absolute;
 	background-color: white;
-	border: 1px solid;
 	padding: 3px;
-	/*
-	width: 310;
-	height: 220;
-	*/
 	z-index: 10;
 	border: 4px solid red;
 	border-radius: 10px;
-	background-color: white;
 	opacity: 80%;
 }
-.close-button{
-	background-color: yellow;	
-}
 
 
-.oprava button,
-.oprava img {
-	border: 1px solid white;
-	background-color:transparent;
-	margin:0;
-	padding: 1px;
-}
-.oprava button:hover,
-.oprava img:hover {
-	border: 1px solid black;
-}
-
-.comment hr {
-	height: 0px;
-}
-
-.corr-header {
-    overflow: auto;
-}
-
-.author {
-    font-weight: bold;
-    float: left;
-    margin-top: 3px;
-}
-
 /**** ROZLIŠENÍ MEZI LOKÁLNÍM, TESTOVACÍM A PRODUKČNÍM WEBEM ****/
 body.localweb, body.testweb, body.suprodweb {
 	&:before, &:after {