@jinntec/jinntap 1.22.3 → 1.23.0

package/dist/editor-styles.css

@@ -1,4 +1,7 @@
-tei-div, tei-p, tei-item, tei-head {
+tei-div,
+tei-p,
+tei-item,
+tei-head {
     display: block;
 }
 
@@ -17,7 +20,7 @@ tei-div > tei-head {
 }
 
 tei-div > tei-div > tei-head {
-  font-style: italic;
+    font-style: italic;
     font-size: 1.75rem;
     line-height: 1.15;
     margin-top: 2.625rem;
@@ -46,7 +49,7 @@ tei-figure > tei-head {
     line-height: 1.25;
 }
 
-tei-title[level="m"] {
+tei-title[level='m'] {
     font-style: italic;
 }
 
@@ -82,38 +85,38 @@ tei-p {
     position: relative;
 }
 
-[rend="center"] {
+[rend='center'] {
     text-align: center;
 }
 
-[rend="right"] {
+[rend='right'] {
     text-align: right;
 }
 
-[rend="justify"] {
+[rend='justify'] {
     text-align: justify;
 }
 
-tei-hi[rend="b"] {
+tei-hi[rend='b'] {
     font-weight: bold;
 }
 
-tei-hi[rend="i"] {
+tei-hi[rend='i'] {
     font-style: italic;
 }
 
-tei-hi[rend="u"] {
+tei-hi[rend='u'] {
     text-decoration: underline;
 }
 
-tei-hi[rend="code"] {
+tei-hi[rend='code'] {
     font-family: monospace;
 }
 
 tei-figure {
     display: block;
     margin: 1rem 0;
-    padding: .5rem;
+    padding: 0.5rem;
     border: 1px solid #ccc;
     border-radius: 4px;
 }
@@ -127,33 +130,34 @@ tei-figure > img {
 tei-figure > tei-figDesc {
     display: block;
     text-align: right;
-    font-size: .8rem;
+    font-size: 0.8rem;
 }
 
 tei-persname {
-    color: #A83410;
+    color: #a83410;
 }
 
 tei-placeName {
-    color: #E48500;
+    color: #e48500;
 }
 
 tei-orgName {
-    color: #F45D2C;
+    color: #f45d2c;
 }
 
 tei-term {
-    color: #9236A4;
+    color: #9236a4;
 }
 
-tei-list, tei-listAnnotation {
+tei-list,
+tei-listAnnotation {
     display: block;
     list-style-type: disc;
     margin: 1em 0;
     padding-left: 2em;
 }
 
-tei-list[rend="ordered"] {
+tei-list[rend='ordered'] {
     list-style-type: decimal;
 }
 
@@ -161,7 +165,8 @@ tei-list > tei-head {
     font-size: 1.25rem;
 }
 
-tei-item, tei-note {
+tei-item,
+tei-note {
     display: list-item;
     list-style-position: outside;
     margin: 0.5em 0;
@@ -176,7 +181,10 @@ tei-listAnnotation:empty::before {
     display: none;
 }
 
-tei-opener, tei-closer, tei-signed, tei-dateline {
+tei-opener,
+tei-closer,
+tei-signed,
+tei-dateline {
     display: block;
 }
 
@@ -196,7 +204,7 @@ tei-listAnnotation::before {
     padding: 1rem 0 0;
     margin-top: 2rem;
     border-top: 1px solid #ccc;
-    content: "";
+    content: '';
     display: block;
     width: 220px;
 }
@@ -211,16 +219,20 @@ tei-note::before {
 }
 
 tei-note::before {
-    content: "?";
+    content: '?';
+    margin-right: 0.5em;
+}
+tei-note[n]::before {
+    content: attr(n);
     margin-right: 0.5em;
 }
 
 tei-note[_reference]::before {
-    content: attr(_reference) ".";
+    content: attr(_reference) '.';
 }
 
 tei-note:not([_reference]) {
-    color: #9E9E9E;
+    color: #9e9e9e;
 }
 
 tei-anchor {
@@ -234,33 +246,34 @@ tei-anchor::before {
     content: attr(_reference);
 }
 tei-anchor::after {
-    content: "\200B";
+    content: '\200B';
 }
 
 tei-abbr {
-    background-color: #9236A4;
+    background-color: #9236a4;
     color: white;
 }
 
 tei-expan {
-    background-color: #DB90E8;
+    background-color: #db90e8;
     color: white;
 }
 
 tei-gap {
-    color: #9E9E9E;
+    color: #9e9e9e;
 }
 
 tei-supplied {
     text-decoration: underline dotted;
-    color: #9E9E9E;
+    color: #9e9e9e;
 }
 
 tei-unclear {
-    color: #F06048;
+    color: #f06048;
 }
 
-tei-pb, tei-lb {
+tei-pb,
+tei-lb {
     display: inline-block;
     background-color: #ffa500;
     font-size: 1rem;
@@ -270,12 +283,38 @@ tei-pb, tei-lb {
     cursor: pointer;
 }
 
+tr:has(td:first-child tei-pb) {
+    /* Position the pb widget relative to here */
+    position: relative;
+    border-top: 4px double #ffa500;
+
+    td:first-child tei-pb {
+        position: absolute;
+        /* Place this just next to the table, in the middle of the border line to not overlap any table content */
+        top: -1.5rem;
+        width: 2rem;
+        height: 2rem;
+        float: left;
+        left: -2rem;
+        display: inline-block;
+
+        /* Display this the same as an lb in normal content */
+        content: 'pb';
+        background-color: #ffa500;
+        font-size: 1rem;
+        font-weight: normal;
+        border-radius: 4px;
+        padding: 2px 6px;
+        cursor: pointer;
+    }
+}
+
 tei-lb {
     display: inline;
 }
 
 tei-lb::after {
-    content: "\A";
+    content: '\A';
     white-space: pre;
 }
 
@@ -296,6 +335,20 @@ tei-ref {
     outline: 2px solid var(--pico-primary);
 }
 
+.table-menu {
+    .divider::before {
+        content: '';
+        height: 2rem;
+        border-left: 4px solid var(--pico-table-border-color);
+        border-radius: 2px;
+        display: block;
+    }
+}
+
+.selectedCell {
+    background-color: var(--pico-form-element-selected-background-color);
+}
+
 .debug *::after {
     display: inline-block;
     max-width: 7ch;
@@ -305,8 +358,8 @@ tei-ref {
     border-radius: 4px;
     margin-left: 2px;
     padding: 2px 6px;
-    font-size: .65rem;
+    font-size: 0.65rem;
     font-weight: normal;
     color: white;
     vertical-align: middle;
-}
+}

package/dist/jinn-tap.css

@@ -7,7 +7,10 @@ jinn-tap {
         "editor aside";
     column-gap: 1rem;
     row-gap: .5rem;
-    height: 100%;
+    height: fit-content;
+	/* Add a bit of space under the viewport to allow one to scroll a bit beyond the end of the
+   document */
+	margin-bottom:50vh
 }
 
 jinn-tap > nav {
@@ -163,4 +166,4 @@ jinn-tap .ProseMirror {
 
 .jinn-tap.overlay {
     border: 2px dotted var(--jinn-tap-overlay-color, rgb(255, 123, 0));
-}
+}