@jinntec/jinntap 1.12.2 → 1.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/editor-styles.css +9 -1
- package/dist/jinn-tap.css +123 -0
- package/dist/jinn-tap.es.js +14177 -5768
- package/package.json +11 -3
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# JinnTap
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
|
|
4
4
|
|
|
5
5
|
Edit TEI XML documents using a rich text editor. JinnTap preserves the structure of the XML in the editor. There's no need for complex transformation steps from TEI to HTML and back. The representation of the document in the editor corresponds directly with the XML. TEI elements are converted to HTML custom elements, preserving all attributes and structural features.
|
|
6
6
|
|
package/dist/editor-styles.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
tei-div, tei-p, tei-item {
|
|
1
|
+
tei-div, tei-p, tei-item, tei-head {
|
|
2
2
|
display: block;
|
|
3
3
|
}
|
|
4
4
|
|
|
@@ -6,10 +6,18 @@ tei-head {
|
|
|
6
6
|
font-size: 2rem;
|
|
7
7
|
font-weight: 700;
|
|
8
8
|
line-height: 1.125;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
tei-div > tei-head {
|
|
9
12
|
margin-top: 3rem;
|
|
10
13
|
}
|
|
11
14
|
|
|
15
|
+
.tiptap > tei-div:first-child > tei-head:first-child {
|
|
16
|
+
margin-top: 0;
|
|
17
|
+
}
|
|
18
|
+
|
|
12
19
|
tei-div > tei-div > tei-head {
|
|
20
|
+
font-style: italic;
|
|
13
21
|
font-size: 1.75rem;
|
|
14
22
|
line-height: 1.15;
|
|
15
23
|
margin-top: 2.625rem;
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
jinn-tap {
|
|
2
|
+
display: grid;
|
|
3
|
+
grid-template-rows: min-content 1fr;
|
|
4
|
+
grid-template-columns: 1fr minmax(220px, 460px);
|
|
5
|
+
grid-template-areas:
|
|
6
|
+
"toolbar aside"
|
|
7
|
+
"editor aside";
|
|
8
|
+
column-gap: 1rem;
|
|
9
|
+
height: 100%;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
jinn-tap > nav {
|
|
13
|
+
grid-area: toolbar;
|
|
14
|
+
position: sticky;
|
|
15
|
+
top: 0;
|
|
16
|
+
z-index: 100;
|
|
17
|
+
background-color: white;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
jinn-tap .editor-area {
|
|
21
|
+
grid-area: editor;
|
|
22
|
+
min-height: 1rem;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
jinn-tap .aside {
|
|
26
|
+
grid-area: aside;
|
|
27
|
+
background: white;
|
|
28
|
+
padding: 20px;
|
|
29
|
+
max-height: fit-content;
|
|
30
|
+
position: sticky;
|
|
31
|
+
top: 0;
|
|
32
|
+
z-index: 10;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
jinn-tap .attribute-panel > div {
|
|
36
|
+
overflow-y: auto;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
jinn-tap pb-authority-lookup {
|
|
40
|
+
overflow-y: auto;
|
|
41
|
+
height: 20rem;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
jinn-tap .occurrences {
|
|
45
|
+
margin-top: 1rem;
|
|
46
|
+
overflow-y: auto;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
jinn-tap .occurrences [role="group"] {
|
|
50
|
+
float: right;
|
|
51
|
+
width: fit-content;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
jinn-tap .occurrences ul {
|
|
55
|
+
height: 20rem;
|
|
56
|
+
overflow-y: auto;
|
|
57
|
+
margin: 0;
|
|
58
|
+
padding: 0;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
jinn-tap .occurrences li {
|
|
62
|
+
list-style: none;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
jinn-tap .toolbar .disabled {
|
|
66
|
+
opacity: 0.5;
|
|
67
|
+
cursor: not-allowed;
|
|
68
|
+
pointer-events: none;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
jinn-tap .toolbar details i {
|
|
72
|
+
padding-right: 0.5rem;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
jinn-tap .ProseMirror {
|
|
76
|
+
outline: none;
|
|
77
|
+
height: 100%;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
/* Collaboration cursor styles */
|
|
81
|
+
.collaboration-cursor__caret {
|
|
82
|
+
position: relative;
|
|
83
|
+
margin-left: 1px;
|
|
84
|
+
border-left: 1px solid;
|
|
85
|
+
border-right: 1px solid;
|
|
86
|
+
border-radius: 2px;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.collaboration-cursor__label {
|
|
90
|
+
position: absolute;
|
|
91
|
+
top: -1.5em;
|
|
92
|
+
left: -1px;
|
|
93
|
+
font-size: 12px;
|
|
94
|
+
font-style: normal;
|
|
95
|
+
font-weight: 600;
|
|
96
|
+
line-height: normal;
|
|
97
|
+
user-select: none;
|
|
98
|
+
white-space: nowrap;
|
|
99
|
+
color: white;
|
|
100
|
+
padding: 2px 6px;
|
|
101
|
+
border-radius: 3px;
|
|
102
|
+
pointer-events: none;
|
|
103
|
+
transform: translateX(-50%);
|
|
104
|
+
animation: fadeOut 1.5s forwards;
|
|
105
|
+
animation-delay: 0s;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
@keyframes fadeOut {
|
|
109
|
+
0% {
|
|
110
|
+
opacity: 1;
|
|
111
|
+
}
|
|
112
|
+
50% {
|
|
113
|
+
opacity: 1;
|
|
114
|
+
}
|
|
115
|
+
100% {
|
|
116
|
+
opacity: 0;
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.collaboration-cursor__caret:hover .collaboration-cursor__label {
|
|
121
|
+
animation: none;
|
|
122
|
+
opacity: 1;
|
|
123
|
+
}
|