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"] {
+body {
+	&[data-status="pridavani"] {
 		background: #f3f3f3;
-}
+	}
 
-body[data-status="zanaseni"] {
+	&[data-status="zanaseni"] {
 		background: yellow;
 
 		.textzanaseni { display: unset; }
-}
+	}
 
-body[data-status="zastarale"] {
+	&[data-status="zastarale"] {
 		background: red;
 
 		.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-bottom-left-radius: 10px;
-	border-left: 2px solid yellow;
+	border-left: 2px solid rgb(var(--rgb),var(--alpha));
-	border-bottom: 2px solid yellow;
+	border-bottom: 2px solid rgb(var(--rgb),var(--alpha));
-	border-color: 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;
 }
 
-
+/* Korektura samotná */
-
-.oprava:hover{
-	border-width:3px;
-	margin: 0px;
-}
 .oprava {
 	margin: 1px;
 	background-color: white;
-	width:300px;
+	width: 300px;
-	/*position:absolute;*/
 	padding: 3px;
-	border: 2px solid black;
+	border: 2px solid rgb(var(--rgb));
 	border-radius: 10px;
-	border-color: rgb(var(--rgb));
-}
-form {
-	display:inline;
-}
 
-.float-right{
+	&:hover {
-	float:right;
+		border-width:3px;
-}
+		margin: 0;
+	}
 
-.imgdiv {
+	button, img {
-	position:relative;
-	left:0px;
-	top:0px;
-}
-#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,
+		&:hover {
-.oprava img:hover {
 			border: 1px solid black;
-}
+		}
+	}
 
-.comment hr {
+	.corr-header {
-	height: 0px;
-}
-
-.corr-header {
 		overflow: auto;
-}
+	}
 
-.author {
+	.author {
 		font-weight: bold;
 		float: left;
 		margin-top: 3px;
+	}
+
+	.float-right{
+		float:right;
+	}
 }
 
+form {
+	display:inline;
+}
+
+/* Zobrazované PDF */
+.imgdiv {
+	position:relative;
+	left:0;
+	top:0;
+}
+
+/* Přidávání korektury / úprava komentáře */
+#commform-div {
+	position: absolute;
+	background-color: white;
+	padding: 3px;
+	z-index: 10;
+	border: 4px solid red;
+	border-radius: 10px;
+	opacity: 80%;
+}
+
+
 /**** ROZLIŠENÍ MEZI LOKÁLNÍM, TESTOVACÍM A PRODUKČNÍM WEBEM ****/
 body.localweb, body.testweb, body.suprodweb {
 	&:before, &:after {