mam/mamweb
11
0
Fork 0
Code Issues Pull requests 11 Projects Wiki Activity Actions

Uhlazení CSS korekturovátka

Browse source
This commit is contained in:
Jonas Havelka 2025-01-21 10:15:42 +01:00
parent 050ebba03b
commit 1ff69f943e
1 changed files with 46 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

83
korektury/static/korektury/opraf.css
View file

@ -1,20 +1,22 @@
.textzanaseni { display:none; } .textzanaseni { display:none; }
.textzastarale { display:none; } .textzastarale { display:none; }
body[data-status="pridavani"] { body {
&[data-status="pridavani"] {
background: #f3f3f3; background: #f3f3f3;
} }
body[data-status="zanaseni"] { &[data-status="zanaseni"] {
background: yellow; background: yellow;
.textzanaseni { display: unset; } .textzanaseni { display: unset; }
} }
body[data-status="zastarale"] { &[data-status="zastarale"] {
background: red; background: red;
.textzastarale { display: unset; } .textzastarale { display: unset; }
}
} }
img{background:white;} img{background:white;}
@ -45,12 +47,14 @@ img{background:white;}
[value="notcomment"] { display: none } [value="notcomment"] { display: none }
} }
/* Skrývání korektur */
[data-opravazobrazit="false"] { [data-opravazobrazit="false"] {
.corr-body { display: none; } .corr-body { display: none; }
.corr-buttons { display: none; } .corr-buttons { display: none; }
.toggle-button { transform: rotate(180deg); } .toggle-button { transform: rotate(180deg); }
} }
/* Čára od textu k místu korektury */
.pointer-hi, .pointer-hi,
.pointer{ .pointer{
position:absolute; position:absolute;
@ -58,26 +62,21 @@ img{background:white;}
border-left: 2px solid yellow; border-left: 2px solid yellow;
border-bottom: 2px solid yellow; border-bottom: 2px solid yellow;
border-color: 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 { .pointer {
border-width: 1px; border-width: 1px;
--alpha: 0.35; --alpha: 0.35;
pointer-events: none;
} }
.pointer-hi { .pointer-hi {
border-width: 3px; border-width: 3px;
--alpha: 1; --alpha: 1;
pointer-events: none;
} }
/* Korektura samotná */
.oprava:hover{
border-width:3px;
margin: 0px;
}
.oprava { .oprava {
margin: 1px; margin: 1px;
background-color: white; background-color: white;
@ -87,7 +86,34 @@ img{background:white;}
border: 2px solid black; border: 2px solid black;
border-radius: 10px; border-radius: 10px;
border-color: rgb(var(--rgb)); 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 { form {
display:inline; display:inline;
} }
@ -101,6 +127,8 @@ form {
left:0px; left:0px;
top:0px; top:0px;
} }
/* Přidávání korektury / úprava komentáře */
#commform-div { #commform-div {
position: absolute; position: absolute;
background-color: white; background-color: white;
@ -116,37 +144,8 @@ form {
background-color: white; background-color: white;
opacity: 80%; 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 ****/ /**** ROZLIŠENÍ MEZI LOKÁLNÍM, TESTOVACÍM A PRODUKČNÍM WEBEM ****/
body.localweb, body.testweb, body.suprodweb { body.localweb, body.testweb, body.suprodweb {
&:before, &:after { &:before, &:after {