Minor style improvements.

This commit is contained in:
Tom Alexander 2023-08-18 16:26:05 -04:00
parent 13fab742e5
commit c3be0f249d
Signed by: talexander
GPG Key ID: D3A179C9A53C0EDE
3 changed files with 27 additions and 3 deletions

View File

@ -5,7 +5,7 @@
<script type="text/javascript" src="script.js" defer></script> <script type="text/javascript" src="script.js" defer></script>
</head> </head>
<body> <body>
Input org-mode source:<br/> <h2>Input org-mode source:</h2>
<textarea id="org-input" rows="24" cols="80"></textarea> <textarea id="org-input" rows="24" cols="80"></textarea>
<hr/> <hr/>
<div id="parse-output" class="code_block" style="padding-left: calc(2ch + 10px); counter-set: code_line_number 0;"><code>This is line 1</code><code class="highlighted">This is line 2</code><code>This is line 3</code></div> <div id="parse-output" class="code_block" style="padding-left: calc(2ch + 10px); counter-set: code_line_number 0;"><code>This is line 1</code><code class="highlighted">This is line 2</code><code>This is line 3</code></div>

View File

@ -22,6 +22,7 @@ inputElement.addEventListener("input", async () => {
inFlightRequest.abort(); inFlightRequest.abort();
inFlightRequest = null; inFlightRequest = null;
} }
outputElement.innerHTML = "";
let newRequest = abortableFetch("/parse", { let newRequest = abortableFetch("/parse", {
method: "POST", method: "POST",

View File

@ -1,3 +1,28 @@
h1, h2, h3, h4, h5, h6, h7 {
font-weight: 700;
}
h1 {
font-size: 28px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 18px;
}
h7 {
font-size: 18px;
}
.code_block { .code_block {
font: 14px/1.4 "Cascadia Mono", monospace; font: 14px/1.4 "Cascadia Mono", monospace;
background: #272822ff; background: #272822ff;
@ -5,8 +30,6 @@
display: table; display: table;
white-space: break-spaces; white-space: break-spaces;
padding: 5px; padding: 5px;
/* color for line numbers */
} }
.code_block > code { .code_block > code {