diff --git a/korektury/static/korektury/opraf.css b/korektury/static/korektury/opraf.css index eb3afd41..c72893ce 100644 --- a/korektury/static/korektury/opraf.css +++ b/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,12 +47,14 @@ 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; @@ -58,26 +62,21 @@ img{background:white;} border-left: 2px solid yellow; border-bottom: 2px solid yellow; 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; } - - -.oprava:hover{ - border-width:3px; - margin: 0px; -} +/* Korektura samotná */ .oprava { margin: 1px; background-color: white; @@ -87,7 +86,34 @@ img{background:white;} border: 2px solid black; border-radius: 10px; border-color: rgb(var(--rgb)); + + &:hover { + border-width:3px; + margin: 0px; + } + + 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; +} + form { display:inline; } @@ -101,6 +127,8 @@ form { left:0px; top:0px; } + +/* Přidávání korektury / úprava komentáře */ #commform-div { position: absolute; background-color: white; @@ -116,37 +144,8 @@ form { 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 {