Compare commits

..

2 Commits

Author SHA1 Message Date
747b459989 notes...
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
2023-11-12 02:49:13 +03:00
4401e03de2 notes + experimenting...
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
2023-11-11 23:57:30 +03:00
3 changed files with 29 additions and 15 deletions

View File

@ -703,6 +703,9 @@
&:focus { &:focus {
background: rgba(0,0,0,0.07); background: rgba(0,0,0,0.07);
} }
&>.code:focus {
position: absolute;
}
&>.children { &>.children {
display: table !important; display: table !important;
@ -731,6 +734,9 @@
&:focus { &:focus {
background: rgba(0,0,0,0.07); background: rgba(0,0,0,0.07);
} }
&>.code:focus {
column-span: all;
}
} }
} }

View File

@ -1944,12 +1944,10 @@ var Outline = {
left: function(){}, left: function(){},
right: function(){}, right: function(){},
__overtravel_timeout: undefined,
__caret_x: undefined,
// XXX move the code here into methods/actions... // XXX move the code here into methods/actions...
// XXX use keyboard.js... // XXX use keyboard.js...
__overtravel_timeout: undefined,
// XXX this needs to be dropped on any edit keyboard input, not sure
// how to do this cleanly (including focus clicks)...
__caret_x: undefined,
keyboard: { keyboard: {
// XXX might be a good feature to add to keyboard.js... // XXX might be a good feature to add to keyboard.js...
// ...might even be fun to extend this and add key classes, // ...might even be fun to extend this and add key classes,
@ -1959,6 +1957,7 @@ var Outline = {
// Letter // Letter
// Number // Number
// ... // ...
// Unhandled
Any: function(evt, key){ Any: function(evt, key){
if(this.__caret_x if(this.__caret_x
&& this.get('edited') && this.get('edited')

View File

@ -54,7 +54,7 @@ var setup = function(){
code code
``` ```
- this node can't be reached. - this node can't be reached.
- _this appears to be due to how we are resizing the text to view -- should this happen in edit mode???_ - _this appears to be due to how we are resizing the text..._
- BUG: caret positioning broken - BUG: caret positioning broken
- *TODO*:: - *TODO*::
- text text text - text text text
@ -121,15 +121,15 @@ var setup = function(){
- left side does not need to be as wide - left side does not need to be as wide
- -
- ## ToDo: - ## ToDo:
- ASAP time to think about a standalone client -- at least to edit own notes as a test... - Time to think about a standalone client -- at least to edit own notes as a test...
- _also this would be a nice opportunity to start the move to a newer electron version_ - _also this would be a nice opportunity to start the move to a newer electron version_
- might be a good idea to make the heading level depend on its depth... - Q: Make the heading level depend on its depth??
- might be a good idea to think how to avoid the constant selections on focus... - Might be a good idea to think how to avoid the constant selections on focus...
- Q: when moving up/down between nodes do we want to place the caret relative to markdown (current) or to view? (see: CARET_V_MOVE) - Q: When moving up/down between nodes do we want to place the caret relative to markdown (current) or to view? (see: CARET_V_MOVE)
- Q: should we use `HTMLTextAreaElement.autoUpdateSize(..)` or handle it globally in setup??? - Q: Should we use `HTMLTextAreaElement.autoUpdateSize(..)` or handle it globally in setup???
- _...I'm leaning towards the later..._ - _...I'm leaning towards the later..._
- Q: can we place a cursor in a table correctly??? - Q: Can we place a cursor in a table correctly???
- Q: should tables be text-based markdown or higher-level? - Q: Should tables be text-based markdown or higher-level?
- for reference a normal table - for reference a normal table
- | col 1 | col 2 | col 3 | - | col 1 | col 2 | col 3 |
| moo | foo | boo | | moo | foo | boo |
@ -140,7 +140,9 @@ var setup = function(){
- | A | B | B | - | A | B | B |
- | 1 | 2 | 3 | - | 1 | 2 | 3 |
- -
- not yet sure how are we going to allign columns (CSS preffered) - need to align columns -- not sure how (CSS preffered)
- _in terms of syntax I like this the most..._
- _...but it can lead to implementing own table align algorithm (not sure I want to go this way!)..._
- block-children -- similar to how lists are done now - block-children -- similar to how lists are done now
- a demo - a demo
- --table-- - --table--
@ -154,10 +156,17 @@ var setup = function(){
- both? - both?
- Q: how do we handle indenting a table row? - Q: how do we handle indenting a table row?
- Q: how do we handle unmarked text? - Q: how do we handle unmarked text?
- edit mode needs work...
- this feels a bit over-restricted...
- -
- might be fun to make the general syntax (with "=" removed) to be compatible with markdown... - might be fun to make the general syntax (after removing "-") to be compatible with markdown...
- might also be fun to auto-generat (template) new blocks within a table... - might also be fun to auto-generate (template) new blocks within a table...
- this would greatly simplify table navigation and creation - this would greatly simplify table navigation and creation
- might be a good idea to fill the new elem with a row template...
- creating a new line after this (line 2 as an example)
- | A | B | C |
- | | | |
-
- custom element / web component - custom element / web component
- BUG: select via double/triple clicks does not work... - BUG: select via double/triple clicks does not work...
- _looks like something is refocusing the element..._ - _looks like something is refocusing the element..._