Iaphetes/Apographe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

started work on list styling

Browse source
This commit is contained in:
Iaphetes 2024-12-22 14:19:21 +01:00
parent 0c7bc1c2b1
commit 2eb111ebeb
3 changed files with 25 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/index.html
View file

@ -7,6 +7,7 @@
<title>Tauri App</title> <title>Tauri App</title>
<script type="module" src="./main.js" defer></script> <script type="module" src="./main.js" defer></script>
<script src="./main.js"></script> <script src="./main.js"></script>
<script src="//unpkg.com/force-graph"></script>
</head> </head>
<body> <body>
@ -23,7 +24,9 @@
<div class="row" id="main_editor"> <div class="row" id="main_editor">
<div class="col" id="markdown_input" contenteditable></div> <div class="col" id="markdown_input" contenteditable></div>
<div class="col" id="rendered_markdown"></div> <div class="col" id="rendered_markdown"></div>
</div> </div>
<div id="graph"></div>
</div> </div>
</div> </div>
</body> </body>

15
src/main.js
View file

@ -53,3 +53,18 @@ function handleShortcut(event) {
} }
} }
document.addEventListener("keydown", handleShortcut); document.addEventListener("keydown", handleShortcut);
// Random tree
// const N = 300;
// const gData = {
// nodes: [...Array(N).keys()].map(i => ({ id: i })),
// links: [...Array(N).keys()]
// .filter(id => id)
// .map(id => ({
// source: id,
// target: Math.round(Math.random() * (id-1))
// }))
// };
// const Graph = new ForceGraph(
// (document.getElementById('graph'))
// .linkDirectionalParticles(2)
// .graphData(gData);

8
src/styles.css
View file

@ -80,6 +80,7 @@ h1 {
line-height: 18px; line-height: 18px;
margin-top: 0.067em; margin-top: 0.067em;
margin-bottom: 0.067em; margin-bottom: 0.067em;
color: red;
} }
ol li { ol li {
@ -87,6 +88,11 @@ ol li {
} }
ul li { ul li {
margin-top: 0;
margin-bottom: 0;
padding: 0;
margin: 0;
padding: 0;
margin-left: 1em; margin-left: 1em;
} }
.sidebar_button { .sidebar_button {
@ -101,7 +107,7 @@ ul li {
.topbar_button { .topbar_button {
height: 2em; height: 2em;
background-color: var(--main-bg-color); background-color: var(--main-bg-color);
/*border: none;*/ border: none;
} }
.topbar_icon { .topbar_icon {
height: 100%; height: 100%;