sij/khoj
1
0
Fork 0
mirror of https://github.com/khoj-ai/khoj.git synced 2024-11-23 23:48:56 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 16

Make org result headings at same level. Improve spacing of results

Browse source 
Having org-mode result headings change size based on their depth in
the source document makes is a confusing UI experience.

Improve font-size, line-spacing and margins of results to make
delineation between entries, and differntiating between entry heading
and it's body easier to visually infer.

Do not white-space: pre-line. Improves rendering of Markdown results
This commit is contained in:
Debanjum Singh Solanky 2022-07-29 01:48:47 +04:00
parent 4d5183063c
commit 7e5291a38e
2 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/interface/web/assets/org.js
View file

@ -92,7 +92,7 @@ var Org = (function () {
token.indentation = 0;
token.content = RegExp.$2;
// specific
token.level = RegExp.$1.length;
token.level = 2;
} else if (Syntax.isPreformatted(line)) {
token.type = Lexer.tokens.preformatted;
token.indentation = RegExp.$1.length;

18
src/interface/web/index.html
View file

@ -154,6 +154,14 @@
border-radius: 5px;
border: 1px solid #ccc;
}
#query {
font-size: larger;
}
#results {
font-size: medium;
margin: 0px;
line-height: 20px;
}
#results-image {
display: grid;
grid-template-columns: repeat(3, 1fr);
@ -172,19 +180,22 @@
#results-markdown {
text-align: left;
white-space: pre-line;
}
#results-org {
#results-org {
text-align: left;
white-space: pre-line;
}
#results-org h3 {
margin: 20px 0 0 0;
font-size: larger;
}
span.task-status {
color: white;
padding: 3.5px 3.5px 0;
margin-right: 5px;
border-radius: 5px;
background-color: #ed6f00;
font-size: medium;
}
span.task-status.todo {
background-color: #048ba8
@ -198,6 +209,7 @@
margin-right: 5px;
border-radius: 5px;
background-color: #bbb;
font-size: small;
}
</style>