flynx/pWiki
1
1
Fork 0
mirror of https://github.com/flynx/pWiki.git synced 2025-10-30 18:40:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

minor tweaks + notes...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2023-11-04 00:38:13 +03:00
parent 77e9a6ba2f
commit 3375ba26d7
3 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
experiments/outline-editor/editor.css
View File

@ -617,22 +617,29 @@
& pre, & pre,
&>code, &>code,
& :not(pre)>code { & :not(pre)>code {
padding: 0.1em 0.3em;
font-family: monospace; font-family: monospace;
background: rgba(0,0,0,0.07); background: rgba(0,0,0,0.07);
border-radius: 0.2em; border-radius: 0.2em;
outline: none; outline: none;
} }
& :not(pre)>code {
padding: 0.1em 0.3em;
}
& pre>code { & pre>code {
--padding: 0.6em;
display: block; display: block;
min-width: calc(100% - var(--padding) * 2);
width: fit-content; width: fit-content;
padding: 0.6em 0.6em; padding: var(--padding) var(--padding);
padding-bottom: 0.8em; padding-bottom: calc(var(--padding) + 0.2em);
outline: none; outline: none;
} }
/* scrollbar... */ /* scrollbar... */
& pre { & pre {
margin: 0.8em 0em;
overflow-x: visible; overflow-x: visible;
overflow-y: auto; overflow-y: auto;

2
experiments/outline-editor/editor.js
View File

@ -185,7 +185,7 @@ var quoted = {
quote: function(_, code){ quote: function(_, code){
return `<code>${ this.encode(code) }</code>` }, return `<code>${ this.encode(code) }</code>` },
pre_pattern: /(?<!\\)```(.*\s*\n)((\n|.)*?)\h*(?<!\\)```/g, pre_pattern: /(?<!\\)```(.*\s*\n)((\n|.)*?)\h*(?<!\\)```(?:[ \t]*$|[ \t]*\n)/g,
pre: function(_, language, code){ pre: function(_, language, code){
language = language.trim() language = language.trim()
language = language ? language = language ?

10
experiments/outline-editor/index.html
View File

@ -59,9 +59,6 @@ var setup = function(){
- custom element / web component - custom element / web component
- BUG: selecting by _click-n-drag_ or _double/triple click_ for some reason does not work... - BUG: selecting by _click-n-drag_ or _double/triple click_ for some reason does not work...
- BUG/race: the non-value versions of custom elem seem to sometimes get loaded as empty... - BUG/race: the non-value versions of custom elem seem to sometimes get loaded as empty...
- Q: can we get rid of the editor block??:
- CSS breaks if we do...
- need to figure out a way to handle autofocus for host/editor uniformly
- DONE data interface: - DONE data interface:
collapsed:: true collapsed:: true
- the "natural" way to pass data is to use the same mechanism as `<textarea>` the problem is that we can't extend `HTMLTextAreaElement` as it can not have shadow dom (reject?) - the "natural" way to pass data is to use the same mechanism as `<textarea>` the problem is that we can't extend `HTMLTextAreaElement` as it can not have shadow dom (reject?)
@ -71,9 +68,13 @@ var setup = function(){
- DONE `.value` / `.code` should be both updated internally and also load new content when updated externally -- not yet sure how... - DONE `.value` / `.code` should be both updated internally and also load new content when updated externally -- not yet sure how...
- events - events
- test nesting... - test nesting...
- Q: can we get rid of the editor block??:
- CSS breaks if we do...
- need to figure out a way to handle autofocus for host/editor uniformly
- -
- selection - selection
- multiple node selection (via shift+motion) - DONE multiple node selection (via shift+motion)
- fixed state -- while `shift` pressed select or deselect only depending on first action (a-la FAR)
- touch/mouse (???) - touch/mouse (???)
- Q: should we select text (mouse/touch) without first focusing?? - Q: should we select text (mouse/touch) without first focusing??
- _...logseq does not do this either_ - _...logseq does not do this either_
@ -134,6 +135,7 @@ var setup = function(){
- search? - search?
- _...not sure if search should be internal or external yet..._ - _...not sure if search should be internal or external yet..._
- DONE add horizontal scroll to code blocks... - DONE add horizontal scroll to code blocks...
collapsed:: true
- ```html - ```html
<outline-editor session-storage="outline-text" value="initial text"></outline-editor> <outline-editor session-storage="outline-text" value="initial text"></outline-editor>
``` ```