notes editor - use tiny cloud editor

This commit is contained in:
Azgaar 2022-02-14 22:51:31 +03:00
parent 13abacc242
commit fe8457ac4c
5 changed files with 142 additions and 134 deletions

View file

@ -2036,7 +2036,7 @@ div.textual span,
fill: none;
}
div#notes {
#notes {
display: none;
position: fixed;
width: 28vw;
@ -2046,22 +2046,31 @@ div#notes {
border: 1px solid #5e4fa2;
background: rgba(255, 250, 228, 0.7);
box-shadow: 2px 2px 5px -3px #3a2804;
white-space: pre-line;
}
div#notesHeader {
@media screen and (max-width: 600px) {
#notes {
width: 50vw;
}
}
#notesHeader {
font-weight: bold;
font-size: 1.3em;
padding: 0 0 4px 14px;
padding: 16px 0 4px 12px;
border-bottom: 1px solid #5e4fa2;
}
div#notesBody {
padding: 0 1em;
#notesBody {
padding: 14px 12px;
max-height: 80vh;
overflow: auto;
}
#notesBody p {
margin: 4px;
}
svg.button {
position: relative;
background-color: transparent;