@ixo/editor 3.4.3 → 3.6.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/style-scoped.css
ADDED
|
@@ -0,0 +1,611 @@
|
|
|
1
|
+
.bn-block-outer{line-height:1.5;transition:margin .2s}
|
|
2
|
+
.bn-block{display:flex;flex-direction:column}
|
|
3
|
+
.bn-block-content{display:flex;padding:3px 0;transition:font-size .2s;width:100%}
|
|
4
|
+
.bn-block-content:before{transition:all .2s}
|
|
5
|
+
.bn-block-content.ProseMirror-selectednode>*,.ProseMirror-selectednode>.bn-block-content>*{border-radius:4px;outline:4px solid rgb(100,160,255)}
|
|
6
|
+
.bn-inline-content{width:100%}
|
|
7
|
+
.bn-block-group .bn-block-group{margin-left:1.5em}
|
|
8
|
+
.bn-block-group .bn-block-group>.bn-block-outer{position:relative}
|
|
9
|
+
.bn-block-group .bn-block-group>.bn-block-outer:not([data-prev-depth-changed]):before{content:" ";display:inline;position:absolute;left:-20px;height:100%;transition:all .2s .1s}
|
|
10
|
+
.bn-block-group .bn-block-group>.bn-block-outer[data-prev-depth-change="-2"]:before{height:0}
|
|
11
|
+
.bn-inline-content code{font-family:monospace}
|
|
12
|
+
[data-prev-depth-change="1"]{--x: 1}
|
|
13
|
+
[data-prev-depth-change="2"]{--x: 2}
|
|
14
|
+
[data-prev-depth-change="3"]{--x: 3}
|
|
15
|
+
[data-prev-depth-change="4"]{--x: 4}
|
|
16
|
+
[data-prev-depth-change="5"]{--x: 5}
|
|
17
|
+
[data-prev-depth-change="-1"]{--x: -1}
|
|
18
|
+
[data-prev-depth-change="-2"]{--x: -2}
|
|
19
|
+
[data-prev-depth-change="-3"]{--x: -3}
|
|
20
|
+
[data-prev-depth-change="-4"]{--x: -4}
|
|
21
|
+
[data-prev-depth-change="-5"]{--x: -5}
|
|
22
|
+
.bn-block-outer[data-prev-depth-change]{margin-left:calc(10px * var(--x))}
|
|
23
|
+
.bn-block-outer[data-prev-depth-change] .bn-block-outer[data-prev-depth-change]{margin-left:0}
|
|
24
|
+
[data-content-type=heading]{--level: 3em}
|
|
25
|
+
[data-content-type=heading][data-level="2"]{--level: 2em}
|
|
26
|
+
[data-content-type=heading][data-level="3"]{--level: 1.3em}
|
|
27
|
+
[data-prev-level="1"]{--prev-level: 3em}
|
|
28
|
+
[data-prev-level="2"]{--prev-level: 2em}
|
|
29
|
+
[data-prev-level="3"]{--prev-level: 1.3em}
|
|
30
|
+
.bn-block-outer[data-prev-type=heading]>.bn-block>.bn-block-content{font-size:var(--prev-level);font-weight:700}
|
|
31
|
+
.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=heading]{font-size:var(--level);font-weight:700}
|
|
32
|
+
[data-content-type=quote] blockquote{border-left:2px solid rgb(125,121,122);color:#7d797a;margin:0;padding-left:1em}
|
|
33
|
+
.bn-block-content:before{margin-right:0;content:""}
|
|
34
|
+
.bn-block-content[data-content-type=numberedListItem]{display:flex;gap:.5em}
|
|
35
|
+
[data-content-type=numberedListItem]{--index: attr(data-index)}
|
|
36
|
+
[data-prev-type=numberedListItem]{--prev-index: attr(data-prev-index)}
|
|
37
|
+
.bn-block-outer[data-prev-type=numberedListItem]:not([data-prev-index=none])>.bn-block>.bn-block-content:before{content:var(--prev-index) "."}
|
|
38
|
+
.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=numberedListItem]:before{content:var(--index) "."}
|
|
39
|
+
.bn-block-content[data-content-type=bulletListItem]{display:flex;gap:.5em}
|
|
40
|
+
.bn-block-content[data-content-type=checkListItem]>div{display:flex;width:100%}
|
|
41
|
+
.bn-block-content[data-content-type=checkListItem]>div>div>input{margin:0;margin-inline-end:.5em;cursor:pointer}
|
|
42
|
+
.bn-block-content[data-content-type=checkListItem][data-checked=true] .bn-inline-content{text-decoration:line-through}
|
|
43
|
+
.bn-block-content[data-text-alignment=center]{justify-content:center}
|
|
44
|
+
.bn-block-content[data-text-alignment=right]{justify-content:flex-end}
|
|
45
|
+
.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"•"}
|
|
46
|
+
.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before{content:"•"}
|
|
47
|
+
[data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"◦"}
|
|
48
|
+
[data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before{content:"◦"}
|
|
49
|
+
[data-content-type=bulletListItem]~.bn-block-group [data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"▪"}
|
|
50
|
+
[data-content-type=bulletListItem]~.bn-block-group [data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before{content:"▪"}
|
|
51
|
+
.bn-block-content[data-content-type=codeBlock]{position:relative;background-color:#161616;color:#fff;border-radius:8px}
|
|
52
|
+
.bn-block-content[data-content-type=codeBlock]>pre{white-space:pre;overflow-x:auto;margin:0;width:100%;-moz-tab-size:2;tab-size:2;padding:24px}
|
|
53
|
+
.bn-block-content[data-content-type=codeBlock]>div{outline:none!important}
|
|
54
|
+
.bn-block-content[data-content-type=codeBlock]>div>select{outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;border:none;cursor:pointer;background-color:transparent;position:absolute;top:8px;left:18px;font-size:.8em;color:#fff;opacity:0;transition:opacity .3s;transition-delay:1s}
|
|
55
|
+
.bn-block-content[data-content-type=codeBlock]>div>select>option{color:#000}
|
|
56
|
+
.bn-block-content[data-content-type=codeBlock]:hover>div>select,.bn-block-content[data-content-type=codeBlock]>div>select:focus{opacity:.5;transition-delay:.1s}
|
|
57
|
+
.bn-block-content[data-content-type=pageBreak]>div{width:100%;height:0;border-top:dotted rgb(125,121,122) 2px;margin-block:11px}
|
|
58
|
+
@media print{.bn-block-content[data-content-type=pageBreak]>div{page-break-after:always}}
|
|
59
|
+
[data-file-block] .bn-file-block-content-wrapper{cursor:pointer;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}
|
|
60
|
+
[data-file-block] .bn-file-block-content-wrapper:has(.bn-add-file-button),[data-file-block] .bn-file-block-content-wrapper:has(.bn-file-name-with-icon){width:100%}
|
|
61
|
+
[data-file-block] .bn-add-file-button{align-items:center;background-color:#f2f1ee;border-radius:4px;color:#7d797a;display:flex;gap:10px;padding:12px}
|
|
62
|
+
.bn-editor[contenteditable=true] [data-file-block] .bn-add-file-button:hover,[data-file-block] .bn-file-name-with-icon:hover,.ProseMirror-selectednode .bn-file-name-with-icon{background-color:#e1e1e1}
|
|
63
|
+
[data-file-block] .bn-add-file-button-icon,[data-file-block] .bn-file-icon{width:24px;height:24px}
|
|
64
|
+
[data-file-block] .bn-add-file-button-text{font-size:.9rem}
|
|
65
|
+
[data-file-block] .bn-file-name-with-icon{border-radius:4px;display:flex;gap:4px;padding:4px}
|
|
66
|
+
[data-file-block] .bn-file-caption{font-size:.8em;padding-block:4px;word-break:break-word}
|
|
67
|
+
[data-file-block] .bn-file-caption:empty{padding-block:0}
|
|
68
|
+
[data-file-block] .bn-resize-handle{position:absolute;width:8px;height:30px;background-color:#000;border:1px solid white;border-radius:4px;cursor:ew-resize}
|
|
69
|
+
[data-file-block] .bn-visual-media-wrapper{display:flex;align-items:center;position:relative}
|
|
70
|
+
[data-file-block] .bn-visual-media{border-radius:4px;width:100%}
|
|
71
|
+
[data-content-type=audio]>.bn-file-block-content-wrapper,.bn-audio{width:100%}
|
|
72
|
+
.bn-inline-content:has(>.ProseMirror-trailingBreak:only-child):before{pointer-events:none;height:0;position:absolute;font-style:italic}
|
|
73
|
+
[data-text-color=gray]{color:#9b9a97}
|
|
74
|
+
[data-text-color=brown]{color:#64473a}
|
|
75
|
+
[data-text-color=red]{color:#e03e3e}
|
|
76
|
+
[data-text-color=orange]{color:#d9730d}
|
|
77
|
+
[data-text-color=yellow]{color:#dfab01}
|
|
78
|
+
[data-text-color=green]{color:#4d6461}
|
|
79
|
+
[data-text-color=blue]{color:#0b6e99}
|
|
80
|
+
[data-text-color=purple]{color:#6940a5}
|
|
81
|
+
[data-text-color=pink]{color:#ad1a72}
|
|
82
|
+
[data-background-color=gray]{background-color:#ebeced}
|
|
83
|
+
[data-background-color=brown]{background-color:#e9e5e3}
|
|
84
|
+
[data-background-color=red]{background-color:#fbe4e4}
|
|
85
|
+
[data-background-color=orange]{background-color:#f6e9d9}
|
|
86
|
+
[data-background-color=yellow]{background-color:#fbf3db}
|
|
87
|
+
[data-background-color=green]{background-color:#ddedea}
|
|
88
|
+
[data-background-color=blue]{background-color:#ddebf1}
|
|
89
|
+
[data-background-color=purple]{background-color:#eae4f2}
|
|
90
|
+
[data-background-color=pink]{background-color:#f4dfeb}
|
|
91
|
+
[data-text-alignment=left]{justify-content:flex-start!important;text-align:left!important}
|
|
92
|
+
[data-text-alignment=center]{justify-content:center!important;text-align:center!important}
|
|
93
|
+
[data-text-alignment=right]{justify-content:flex-end!important;text-align:right!important}
|
|
94
|
+
[data-text-alignment=justify]{justify-content:flex-start!important;text-align:justify!important}
|
|
95
|
+
.bn-block-column-list{display:flex;flex-direction:row}
|
|
96
|
+
.bn-block-column{flex:1;padding:12px 20px;overflow-x:auto}
|
|
97
|
+
.bn-block-column:first-child{padding-left:0}
|
|
98
|
+
.bn-block-column:last-child{padding-right:0}
|
|
99
|
+
.bn-thread-mark:not([data-orphan=true]){background:#ffc80026}
|
|
100
|
+
.bn-thread-mark .bn-thread-mark-selected{background:#ffc80040}
|
|
101
|
+
.ProseMirror .tableWrapper{overflow-x:auto}
|
|
102
|
+
.ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;overflow:hidden}
|
|
103
|
+
.ProseMirror td,.ProseMirror th{vertical-align:top;box-sizing:border-box;position:relative}
|
|
104
|
+
.ProseMirror td:not([data-colwidth]):not(.column-resize-dragging),.ProseMirror th:not([data-colwidth]):not(.column-resize-dragging){min-width:var(--default-cell-min-width)}
|
|
105
|
+
.ProseMirror .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;z-index:20;background-color:#adf;pointer-events:none}
|
|
106
|
+
.ProseMirror.resize-cursor{cursor:ew-resize;cursor:col-resize}
|
|
107
|
+
.ProseMirror .selectedCell:after{z-index:2;position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:#c8c8ff66;pointer-events:none}
|
|
108
|
+
.bn-editor{outline:none;padding-inline:54px;--N800: #172b4d;--N40: #dfe1e6}
|
|
109
|
+
.bn-comment-editor{width:100%;padding:0}
|
|
110
|
+
.bn-comment-editor .bn-editor{padding:0}
|
|
111
|
+
.bn-root{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
|
112
|
+
.bn-root *,.bn-root *:before,.bn-root *:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
|
|
113
|
+
.bn-default-styles p,.bn-default-styles h1,.bn-default-styles h2,.bn-default-styles h3,.bn-default-styles li{margin:0;padding:0;font-size:inherit;min-width:2px!important}
|
|
114
|
+
.bn-default-styles{font-size:16px;font-weight:400;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Open Sans,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
|
115
|
+
.bn-table-drop-cursor{position:absolute;z-index:20;background-color:#adf;pointer-events:none}
|
|
116
|
+
.bn-drag-preview{position:absolute;top:0;left:0;padding:10px;opacity:.001}
|
|
117
|
+
.bn-editor .bn-collaboration-cursor__base{position:relative}
|
|
118
|
+
.bn-editor .bn-collaboration-cursor__base .bn-collaboration-cursor__caret{position:absolute;width:2px;top:1px;bottom:-2px;left:-1px}
|
|
119
|
+
.bn-editor .bn-collaboration-cursor__base .bn-collaboration-cursor__label{pointer-events:none;border-radius:0 1.5px 1.5px 0;font-size:12px;font-style:normal;font-weight:600;line-height:normal;left:0;overflow:hidden;position:absolute;white-space:nowrap;-webkit-user-select:none;user-select:none;color:transparent;max-height:5px;max-width:4px;padding:0;top:-1px;transition:all .2s}
|
|
120
|
+
.bn-editor .bn-collaboration-cursor__base[data-active] .bn-collaboration-cursor__label{color:#0d0d0d;max-height:1.1rem;max-width:20rem;padding:.1rem .3rem;top:-17px;left:0;border-radius:3px 3px 3px 0;transition:all .2s}
|
|
121
|
+
.bn-editor [data-content-type=table] .tableWrapper{position:relative;top:-16px;left:-16px;min-width:calc(100% + 16px);padding-bottom:16px;overflow-y:hidden}
|
|
122
|
+
.bn-editor [data-content-type=table] .tableWrapper-inner{padding:16px}
|
|
123
|
+
.bn-editor [data-content-type=table] table{width:auto!important;word-break:break-word}
|
|
124
|
+
.bn-editor [data-content-type=table] th,.bn-editor [data-content-type=table] td{border:1px solid #ddd;padding:5px 10px}
|
|
125
|
+
.bn-editor [data-content-type=table] th{font-weight:700;text-align:left}
|
|
126
|
+
.ProseMirror td,.ProseMirror th{min-width:auto!important}
|
|
127
|
+
.ProseMirror td:not([colwidth]):not(.column-resize-dragging),.ProseMirror th:not([colwidth]):not(.column-resize-dragging){min-width:var(--default-cell-min-width)!important}
|
|
128
|
+
.prosemirror-dropcursor-block{transition-property:top,bottom;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
|
|
129
|
+
.prosemirror-dropcursor-vertical{transition-property:left,right}
|
|
130
|
+
[data-show-selection]{background-color:highlight;padding:2px 0}
|
|
131
|
+
.bn-container{--bn-colors-editor-text: #3f3f3f;--bn-colors-editor-background: #ffffff;--bn-colors-menu-text: #3f3f3f;--bn-colors-menu-background: #ffffff;--bn-colors-tooltip-text: #3f3f3f;--bn-colors-tooltip-background: #efefef;--bn-colors-hovered-text: #3f3f3f;--bn-colors-hovered-background: #efefef;--bn-colors-selected-text: #ffffff;--bn-colors-selected-background: #3f3f3f;--bn-colors-disabled-text: #afafaf;--bn-colors-disabled-background: #efefef;--bn-colors-shadow: #cfcfcf;--bn-colors-border: #efefef;--bn-colors-side-menu: #cfcfcf;--bn-colors-highlights-gray-text: #9b9a97;--bn-colors-highlights-gray-background: #ebeced;--bn-colors-highlights-brown-text: #64473a;--bn-colors-highlights-brown-background: #e9e5e3;--bn-colors-highlights-red-text: #e03e3e;--bn-colors-highlights-red-background: #fbe4e4;--bn-colors-highlights-orange-text: #d9730d;--bn-colors-highlights-orange-background: #f6e9d9;--bn-colors-highlights-yellow-text: #dfab01;--bn-colors-highlights-yellow-background: #fbf3db;--bn-colors-highlights-green-text: #4d6461;--bn-colors-highlights-green-background: #ddedea;--bn-colors-highlights-blue-text: #0b6e99;--bn-colors-highlights-blue-background: #ddebf1;--bn-colors-highlights-purple-text: #6940a5;--bn-colors-highlights-purple-background: #eae4f2;--bn-colors-highlights-pink-text: #ad1a72;--bn-colors-highlights-pink-background: #f4dfeb;--bn-font-family: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--bn-border-radius: 6px;--bn-shadow-medium: 0 4px 12px var(--bn-colors-shadow);--bn-shadow-light: 0 2px 6px var(--bn-colors-border);--bn-border: 1px solid var(--bn-colors-border);--bn-border-radius-small: max(var(--bn-border-radius) - 2px, 1px);--bn-border-radius-medium: var(--bn-border-radius);--bn-border-radius-large: max(var(--bn-border-radius) + 2px, 1px)}
|
|
132
|
+
.bn-container[data-color-scheme=dark]{--bn-colors-editor-text: #cfcfcf;--bn-colors-editor-background: #1f1f1f;--bn-colors-menu-text: #cfcfcf;--bn-colors-menu-background: #1f1f1f;--bn-colors-tooltip-text: #cfcfcf;--bn-colors-tooltip-background: #161616;--bn-colors-hovered-text: #cfcfcf;--bn-colors-hovered-background: #161616;--bn-colors-selected-text: #cfcfcf;--bn-colors-selected-background: #0f0f0f;--bn-colors-disabled-text: #3f3f3f;--bn-colors-disabled-background: #161616;--bn-colors-shadow: #0f0f0f;--bn-colors-border: #161616;--bn-colors-side-menu: #7f7f7f;--bn-colors-highlights-gray-text: #bebdb8;--bn-colors-highlights-gray-background: #9b9a97;--bn-colors-highlights-brown-text: #8e6552;--bn-colors-highlights-brown-background: #64473a;--bn-colors-highlights-red-text: #ec4040;--bn-colors-highlights-red-background: #be3434;--bn-colors-highlights-orange-text: #e3790d;--bn-colors-highlights-orange-background: #b7600a;--bn-colors-highlights-yellow-text: #dfab01;--bn-colors-highlights-yellow-background: #b58b00;--bn-colors-highlights-green-text: #6b8b87;--bn-colors-highlights-green-background: #4d6461;--bn-colors-highlights-blue-text: #0e87bc;--bn-colors-highlights-blue-background: #0b6e99;--bn-colors-highlights-purple-text: #8552d7;--bn-colors-highlights-purple-background: #6940a5;--bn-colors-highlights-pink-text: #da208f;--bn-colors-highlights-pink-background: #ad1a72}
|
|
133
|
+
.bn-container{font-family:var(--bn-font-family)}
|
|
134
|
+
.bn-editor{background-color:var(--bn-colors-editor-background);border-radius:var(--bn-border-radius-large);color:var(--bn-colors-editor-text)}
|
|
135
|
+
.bn-react-node-view-renderer{display:flex;flex-direction:column;width:100%}
|
|
136
|
+
.bn-block-group .bn-block-group .bn-block-outer:not([data-prev-depth-changed]):before{border-left:1px solid var(--bn-colors-side-menu)}
|
|
137
|
+
.bn-inline-content:has(>.ProseMirror-trailingBreak):before{color:var(--bn-colors-side-menu)}
|
|
138
|
+
.bn-container .bn-color-icon{align-items:center;border:var(--bn-border);border-radius:var(--bn-border-radius-small);display:flex;justify-content:center}
|
|
139
|
+
.bn-error-text{color:red;font-size:12px}
|
|
140
|
+
[data-text-color=gray]{color:var(--bn-colors-highlights-gray-text)}
|
|
141
|
+
[data-text-color=brown]{color:var(--bn-colors-highlights-brown-text)}
|
|
142
|
+
[data-text-color=red]{color:var(--bn-colors-highlights-red-text)}
|
|
143
|
+
[data-text-color=orange]{color:var(--bn-colors-highlights-orange-text)}
|
|
144
|
+
[data-text-color=yellow]{color:var(--bn-colors-highlights-yellow-text)}
|
|
145
|
+
[data-text-color=green]{color:var(--bn-colors-highlights-green-text)}
|
|
146
|
+
[data-text-color=blue]{color:var(--bn-colors-highlights-blue-text)}
|
|
147
|
+
[data-text-color=purple]{color:var(--bn-colors-highlights-purple-text)}
|
|
148
|
+
[data-text-color=pink]{color:var(--bn-colors-highlights-pink-text)}
|
|
149
|
+
[data-background-color=gray]{background-color:var(--bn-colors-highlights-gray-background)}
|
|
150
|
+
[data-background-color=brown]{background-color:var(--bn-colors-highlights-brown-background)}
|
|
151
|
+
[data-background-color=red]{background-color:var(--bn-colors-highlights-red-background)}
|
|
152
|
+
[data-background-color=orange]{background-color:var(--bn-colors-highlights-orange-background)}
|
|
153
|
+
[data-background-color=yellow]{background-color:var(--bn-colors-highlights-yellow-background)}
|
|
154
|
+
[data-background-color=green]{background-color:var(--bn-colors-highlights-green-background)}
|
|
155
|
+
[data-background-color=blue]{background-color:var(--bn-colors-highlights-blue-background)}
|
|
156
|
+
[data-background-color=purple]{background-color:var(--bn-colors-highlights-purple-background)}
|
|
157
|
+
[data-background-color=pink]{background-color:var(--bn-colors-highlights-pink-background)}
|
|
158
|
+
.bn-side-menu{height:30px}
|
|
159
|
+
.bn-side-menu[data-block-type=heading][data-level="1"]{height:78px}
|
|
160
|
+
.bn-side-menu[data-block-type=heading][data-level="2"]{height:54px}
|
|
161
|
+
.bn-side-menu[data-block-type=heading][data-level="3"]{height:37px}
|
|
162
|
+
.bn-side-menu[data-block-type=file]{height:38px}
|
|
163
|
+
.bn-side-menu[data-block-type=audio]{height:60px}
|
|
164
|
+
.bn-side-menu[data-url=false]{height:54px}
|
|
165
|
+
.bn-threads-sidebar{border-radius:var(--bn-border-radius-medium);display:flex;flex-direction:column;gap:10px;overflow:auto}
|
|
166
|
+
.bn-thread-expand-prompt .mantine-Text-root,.bn-thread .bn-header-text{color:var(--bn-colors-menu-text)}
|
|
167
|
+
.bn-threads-sidebar .bn-thread .bn-editor{background-color:transparent}
|
|
168
|
+
.bn-threads-sidebar .bn-thread.selected{background-color:#f5f9fd;border:2px solid #C2DCF8}
|
|
169
|
+
.dark .bn-threads-sidebar .bn-thread.selected{background-color:#20242a;border:2px solid #23405B}
|
|
170
|
+
@keyframes m_5d2b3b9d{0%{transform:scale(.6);opacity:0}50%,to{transform:scale(1)}}
|
|
171
|
+
@keyframes m_aac34a1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.5}}
|
|
172
|
+
@keyframes m_f8e89c4b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
173
|
+
@keyframes m_885901b1{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(2.8)}}
|
|
174
|
+
@keyframes m_81a374bd{0%{background-position:0 0}to{background-position:40px 0}}
|
|
175
|
+
@keyframes m_299c329c{0%,to{opacity:.4}50%{opacity:1}}
|
|
176
|
+
.bn-mantine *,.bn-mantine :after,.bn-mantine :before{box-sizing:border-box}
|
|
177
|
+
.bn-mantine button,.bn-mantine select{text-transform:none}
|
|
178
|
+
@media screen and (max-device-width: 500px){.bn-mantine{-webkit-text-size-adjust:100%}}
|
|
179
|
+
@media (prefers-reduced-motion: reduce){.bn-mantine [data-respect-reduced-motion] [data-reduce-motion]{animation:none;transition:none}}
|
|
180
|
+
.bn-mantine [data-mantine-color-scheme=dark] .mantine-dark-hidden,.bn-mantine [data-mantine-color-scheme=light] .mantine-light-hidden{display:none}
|
|
181
|
+
.bn-mantine .mantine-focus-auto:focus-visible{outline:calc(.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem * var(--mantine-scale))}
|
|
182
|
+
.bn-mantine .mantine-focus-always:focus{outline:calc(.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem * var(--mantine-scale))}
|
|
183
|
+
.bn-mantine .mantine-focus-never:focus{outline:none}
|
|
184
|
+
.bn-mantine .mantine-active:active{transform:translateY(calc(.0625rem * var(--mantine-scale)))}
|
|
185
|
+
.bn-mantine[dir=rtl] .mantine-rotate-rtl{transform:rotate(180deg)}
|
|
186
|
+
.bn-mantine .mantine-Badge-root{background-color:var(--bn-colors-tooltip-background);color:var(--bn-colors-tooltip-text)}
|
|
187
|
+
.bn-mantine .mantine-FileInput-input{align-items:center;background-color:var(--bn-colors-menu-background);border:none;border-radius:4px;color:var(--bn-colors-menu-text);display:flex;flex-direction:row;font-family:var(--bn-font-family);justify-content:center}
|
|
188
|
+
.bn-mantine .mantine-FileInput-input:hover{background-color:var(--bn-colors-hovered-background)}
|
|
189
|
+
.bn-mantine .mantine-FileInput-wrapper{border:solid var(--bn-colors-border) 1px;border-radius:4px}
|
|
190
|
+
.bn-mantine .mantine-InputPlaceholder-placeholder{color:var(--bn-colors-menu-text);font-family:var(--bn-font-family);font-weight:600}
|
|
191
|
+
.bn-mantine .mantine-Menu-dropdown{background-color:var(--bn-colors-menu-background);border:var(--bn-border);border-radius:var(--bn-border-radius-medium);box-shadow:var(--bn-shadow-medium);box-sizing:border-box;color:var(--bn-colors-menu-text);padding:2px;overflow:auto}
|
|
192
|
+
.bn-mantine .mantine-Menu-label{background-color:var(--bn-colors-menu-background);color:var(--bn-colors-menu-text)}
|
|
193
|
+
.bn-mantine .mantine-Menu-item{background-color:var(--bn-colors-menu-background);border:none;border-radius:var(--bn-border-radius-small);color:var(--bn-colors-menu-text)}
|
|
194
|
+
.bn-mantine .mantine-Menu-item[aria-selected=true],.bn-mantine .mantine-Menu-item:hover{background-color:var(--bn-colors-hovered-background);border:none;color:var(--bn-colors-hovered-text)}
|
|
195
|
+
.bn-mantine .mantine-Popover-dropdown{background-color:transparent;border:none;border-radius:0;box-shadow:none;padding:0}
|
|
196
|
+
.bn-mantine .mantine-Tabs-root{width:100%;background-color:var(--bn-colors-menu-background)}
|
|
197
|
+
.bn-mantine .mantine-Tabs-list:before{border-color:var(--bn-colors-hovered-background)}
|
|
198
|
+
.bn-mantine .mantine-Tabs-tab{color:var(--bn-colors-menu-text);border-color:var(--bn-colors-hovered-background)}
|
|
199
|
+
.bn-mantine .mantine-Tabs-tab:hover{background-color:var(--bn-colors-hovered-background);border-color:var(--bn-colors-hovered-background);color:var(--bn-colors-hovered-text)}
|
|
200
|
+
.bn-mantine .mantine-Tabs-tab[data-active],.bn-mantine .mantine-Tabs-tab[data-active]:hover{border-color:var(--bn-colors-menu-text);color:var(--bn-colors-menu-text)}
|
|
201
|
+
.bn-mantine .mantine-Tabs-panel{padding:8px}
|
|
202
|
+
.bn-mantine .mantine-TextInput-input{background-color:var(--bn-colors-menu-background);border:solid var(--bn-colors-border) 1px;border-radius:4px;color:var(--bn-colors-menu-text);font-family:var(--bn-font-family);height:32px}
|
|
203
|
+
.bn-mantine .mantine-Tooltip-tooltip{background-color:transparent;border:none;border-radius:0;box-shadow:none;padding:0}
|
|
204
|
+
.bn-mantine .mantine-Tooltip-tooltip p:last-child{white-space:pre-wrap}
|
|
205
|
+
.bn-mantine .mantine-Tooltip-tooltip p:first-child{white-space:unset}
|
|
206
|
+
.bn-mantine .bn-select{overflow:auto}
|
|
207
|
+
.bn-mantine .mantine-Button-root[aria-controls*=dropdown]{min-width:fit-content}
|
|
208
|
+
.bn-mantine .bn-toolbar{background-color:var(--bn-colors-menu-background);border:var(--bn-border);border-radius:var(--bn-border-radius-medium);box-shadow:var(--bn-shadow-medium);flex-wrap:nowrap;gap:2px;padding:2px;width:fit-content;overflow-x:auto;max-width:100vw}
|
|
209
|
+
.bn-mantine .bn-toolbar:empty{display:none}
|
|
210
|
+
.bn-toolbar .mantine-Button-root,.bn-toolbar .mantine-ActionIcon-root{background-color:var(--bn-colors-menu-background);border:none;border-radius:var(--bn-border-radius-small);color:var(--bn-colors-menu-text)}
|
|
211
|
+
.bn-toolbar .mantine-Button-root:hover,.bn-toolbar .mantine-ActionIcon-root:hover{background-color:var(--bn-colors-hovered-background);border:none;color:var(--bn-colors-hovered-text)}
|
|
212
|
+
.bn-toolbar .mantine-Button-root[data-selected],.bn-toolbar .mantine-ActionIcon-root[data-selected]{background-color:var(--bn-colors-selected-background);border:none;color:var(--bn-colors-selected-text)}
|
|
213
|
+
.bn-toolbar .mantine-Button-root[data-disabled],.bn-toolbar .mantine-ActionIcon-root[data-disabled]{background-color:var(--bn-colors-disabled-background);border:none;color:var(--bn-colors-disabled-text)}
|
|
214
|
+
.bn-toolbar .mantine-Menu-item{font-size:12px;height:30px}
|
|
215
|
+
.bn-toolbar .mantine-Menu-item:hover{background-color:var(--bn-colors-hovered-background)}
|
|
216
|
+
.bn-mantine .bn-form-popover{background-color:var(--bn-colors-menu-background);border:var(--bn-border);border-radius:var(--bn-border-radius-medium);box-shadow:var(--bn-shadow-medium);color:var(--bn-colors-menu-text);gap:4px;min-width:145px;padding:2px}
|
|
217
|
+
.bn-form-popover .mantine-TextInput-root,.bn-form-popover .mantine-FileInput-root{width:300px}
|
|
218
|
+
.bn-form-popover .mantine-TextInput-wrapper,.bn-form-popover .mantine-FileInput-wrapper{padding:0;border-radius:4px}
|
|
219
|
+
.bn-form-popover .mantine-TextInput-wrapper:hover{background-color:var(--bn-colors-hovered-background)}
|
|
220
|
+
.bn-form-popover .mantine-TextInput-input,.bn-form-popover .mantine-FileInput-input{border:none;font-size:12px}
|
|
221
|
+
.bn-form-popover .mantine-FileInput-input:hover{background-color:var(--bn-colors-hovered-background)}
|
|
222
|
+
.bn-form-popover .mantine-FileInput-section[data-position=left],.bn-form-popover .mantine-FileInput-placeholder{color:var(--bn-colors-menu-text)}
|
|
223
|
+
.bn-mantine .bn-suggestion-menu{max-height:100%;position:relative;box-shadow:var(--mantine-shadow-md);border:calc(.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-2);border-radius:var(--mantine-radius-default);padding:4px}
|
|
224
|
+
.bn-mantine .bn-suggestion-menu-label{color:var(--mantine-color-dimmed);font-weight:500;font-size:var(--mantine-font-size-xs);padding:calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm);cursor:default}
|
|
225
|
+
.bn-mantine .bn-suggestion-menu-item{font-size:var(--mantine-font-size-sm);width:100%;padding:calc(var(--mantine-spacing-xs) / 1.5) var(--mantine-spacing-sm);border-radius:var(--popover-radius, var(--mantine-radius-default));color:var(--menu-item-color, var(--mantine-color-text));display:flex;align-items:center;-webkit-user-select:none;user-select:none}
|
|
226
|
+
.bn-mantine .bn-suggestion-menu-item:where([data-disabled],:disabled){color:var(--mantine-color-dimmed);opacity:.6;pointer-events:none}
|
|
227
|
+
.bn-mt-suggestion-menu-item-body{flex:1}
|
|
228
|
+
.bn-mt-suggestion-menu-item-section{display:flex;justify-content:center;align-items:center}
|
|
229
|
+
.bn-mt-suggestion-menu-item-section:where([data-position=left]){margin-inline-end:var(--mantine-spacing-xs)}
|
|
230
|
+
.bn-mt-suggestion-menu-item-section:where([data-position=right]){margin-inline-start:var(--mantine-spacing-xs)}
|
|
231
|
+
.bn-mantine .bn-suggestion-menu{background-color:var(--bn-colors-menu-background);border:var(--bn-border);border-radius:var(--bn-border-radius-medium);box-shadow:var(--bn-shadow-medium);box-sizing:border-box;color:var(--bn-colors-menu-text);height:fit-content;max-height:inherit;overflow-y:auto;padding:2px}
|
|
232
|
+
.bn-mantine .bn-suggestion-menu-item{cursor:pointer;height:52px}
|
|
233
|
+
.bn-mantine .bn-suggestion-menu-item[aria-selected=true],.bn-mantine .bn-suggestion-menu-item:hover{background-color:var(--bn-colors-hovered-background)}
|
|
234
|
+
.bn-mt-suggestion-menu-item-section{color:var(--bn-colors-tooltip-text)}
|
|
235
|
+
.bn-mt-suggestion-menu-item-section[data-position=left]{background-color:var(--bn-colors-tooltip-background);border-radius:var(--bn-border-radius-small);padding:8px}
|
|
236
|
+
.bn-mt-suggestion-menu-item-body{align-items:stretch;display:flex;flex:1;flex-direction:column;justify-content:flex-start;padding-right:16px}
|
|
237
|
+
.bn-mt-suggestion-menu-item-title{color:var(--bn-colors-menu-text);line-height:20px;font-weight:500;font-size:14px;margin:0;padding:0}
|
|
238
|
+
.bn-mt-suggestion-menu-item-subtitle{color:var(--bn-colors-menu-text);line-height:16px;font-size:10px;margin:0;padding:0}
|
|
239
|
+
.bn-mantine .bn-suggestion-menu-label{color:var(--bn-colors-hovered-text)}
|
|
240
|
+
.bn-mantine .bn-suggestion-menu-loader{height:20px;width:100%}
|
|
241
|
+
.bn-mantine .bn-suggestion-menu-loader span{background-color:var(--bn-colors-side-menu)}
|
|
242
|
+
.bn-mantine .bn-grid-suggestion-menu{background:var(--bn-colors-menu-background);border-radius:var(--bn-border-radius-large);box-shadow:var(--bn-shadow-medium);display:grid;gap:7px;height:fit-content;justify-items:center;max-height:inherit;overflow-y:auto;padding:20px}
|
|
243
|
+
.bn-mantine .bn-grid-suggestion-menu-item{align-items:center;border-radius:var(--bn-border-radius-large);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;margin:2px;padding:4px;width:32px}
|
|
244
|
+
.bn-mantine .bn-grid-suggestion-menu-item[aria-selected=true],.bn-mantine .bn-grid-suggestion-menu-item:hover{background-color:var(--bn-colors-hovered-background)}
|
|
245
|
+
.bn-mantine .bn-grid-suggestion-menu-empty-item,.bn-mantine .bn-grid-suggestion-menu-loader{align-items:center;color:var(--bn-colors-menu-text);display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center}
|
|
246
|
+
.bn-mantine .bn-grid-suggestion-menu-loader span{background-color:var(--bn-colors-side-menu)}
|
|
247
|
+
.bn-mantine .bn-side-menu{background-color:transparent;overflow:visible}
|
|
248
|
+
.bn-side-menu .mantine-Menu-item,.bn-table-handle-menu .mantine-Menu-item{font-size:12px;height:30px}
|
|
249
|
+
.bn-side-menu .mantine-UnstyledButton-root:not(.mantine-Menu-item){background-color:transparent}
|
|
250
|
+
.bn-side-menu .mantine-UnstyledButton-root:hover{background-color:var(--bn-colors-hovered-background)}
|
|
251
|
+
.bn-side-menu .mantine-UnstyledButton-root:not(.mantine-Menu-item) svg{background-color:transparent;color:var(--bn-colors-side-menu);height:22px;width:22px}
|
|
252
|
+
.bn-mantine .bn-side-menu>[draggable=true]{display:flex}
|
|
253
|
+
.bn-side-menu .mantine-Menu-dropdown{min-width:100px;padding:2px;position:absolute}
|
|
254
|
+
.bn-mantine .bn-panel{background-color:var(--bn-colors-menu-background);border:var(--bn-border);border-radius:var(--bn-border-radius-medium);box-shadow:var(--bn-shadow-medium);padding:2px;width:500px}
|
|
255
|
+
.bn-mantine .bn-panel .bn-tab-panel{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}
|
|
256
|
+
.bn-panel .mantine-TextInput-root,.bn-panel .mantine-FileInput-root{width:100%}
|
|
257
|
+
.bn-panel .mantine-Button-root{background-color:var(--bn-colors-menu-background);border:solid var(--bn-colors-border) 1px;border-radius:var(--bn-border-radius-small);color:var(--bn-colors-menu-text);height:32px;width:60%}
|
|
258
|
+
.bn-panel .mantine-Button-root:hover{background-color:var(--bn-colors-hovered-background)}
|
|
259
|
+
.bn-panel .mantine-Text-root{text-align:center}
|
|
260
|
+
.bn-mantine .bn-table-handle,.bn-mantine .bn-extend-button,.bn-mantine .bn-table-cell-handle{align-items:center;background-color:var(--bn-colors-menu-background);border:var(--bn-border);border-radius:var(--bn-border-radius-small);box-shadow:var(--bn-shadow-light);color:var(--bn-colors-side-menu);cursor:grab;display:flex;height:fit-content;justify-content:center;overflow:visible;padding:0}
|
|
261
|
+
.bn-mantine .bn-table-cell-handle{padding:0 4px}
|
|
262
|
+
.bn-mantine .bn-table-handle svg{margin-inline:-4px}
|
|
263
|
+
.bn-mantine .bn-table-handle-not-draggable{cursor:pointer}
|
|
264
|
+
.bn-mantine .bn-table-handle:hover,.bn-mantine .bn-table-handle-dragging,.bn-mantine .bn-extend-button:hover,.bn-mantine .bn-extend-button-editing,.bn-mantine .bn-table-cell-handle:hover{background-color:var(--bn-colors-hovered-background)}
|
|
265
|
+
.bn-mantine .bn-extend-button-add-remove-columns{height:100%;width:18px;margin-left:4px;cursor:col-resize}
|
|
266
|
+
.bn-mantine .bn-extend-button-add-remove-rows{height:18px;width:100%;margin-top:4px;cursor:row-resize}
|
|
267
|
+
.bn-mantine .bn-drag-handle-menu,.bn-mantine .bn-table-handle-menu{overflow:visible}
|
|
268
|
+
.bn-mantine .bn-tooltip{background-color:var(--bn-colors-tooltip-background);border:var(--bn-border);border-radius:var(--bn-border-radius-medium);box-shadow:var(--bn-shadow-medium);color:var(--bn-colors-tooltip-text);padding:4px 10px;text-align:center}
|
|
269
|
+
.bn-mantine .bn-tick-space{padding:0;width:20px}
|
|
270
|
+
.bn-mt-sub-menu-item>.mantine-Menu-itemLabel>div:not(.mantine-Menu-dropdown){align-items:center;display:flex;justify-content:space-between}
|
|
271
|
+
.bn-mantine .bn-thread{background-color:var(--bn-colors-menu-background);border:var(--bn-border);border-radius:var(--bn-border-radius-medium);box-shadow:var(--bn-shadow-medium);color:var(--bn-colors-menu-text);display:flex;flex-direction:column;gap:16px;min-width:350px;overflow:visible}
|
|
272
|
+
.bn-mantine .bn-threads-sidebar .bn-thread{box-shadow:none}
|
|
273
|
+
.bn-mantine .bn-thread:not(.selected){cursor:pointer}
|
|
274
|
+
.bn-mantine .bn-thread-comments,.bn-mantine .bn-thread-composer{display:flex;flex-direction:column;margin:0;padding:0}
|
|
275
|
+
.bn-mantine .bn-thread-comments{gap:1rem}
|
|
276
|
+
.bn-mantine .bn-thread-comment{align-items:flex-start;flex-direction:column;gap:.25rem}
|
|
277
|
+
.bn-mantine .bn-thread-comment>.mantine-Group-root{gap:12px}
|
|
278
|
+
.bn-mantine .bn-thread-comment p{color:var(--bn-colors-menu-text)}
|
|
279
|
+
.bn-mantine .bn-thread .bn-header-text,.bn-mantine .bn-thread-comment .bn-resolved-text{font-size:.8rem;font-style:italic}
|
|
280
|
+
.bn-mantine .bn-comment-actions-wrapper{width:100%;display:flex;justify-content:flex-end}
|
|
281
|
+
.bn-mantine .bn-action-toolbar{align-self:flex-end;background-color:var(--bn-colors-menu-background);border:var(--bn-border);border-radius:var(--bn-border-radius-medium);gap:0;padding:2px}
|
|
282
|
+
.bn-action-toolbar .mantine-Button-root,.bn-action-toolbar .mantine-ActionIcon-root{background-color:var(--bn-colors-menu-background);border:none;border-radius:var(--bn-border-radius-small);color:var(--bn-colors-menu-text)}
|
|
283
|
+
.bn-action-toolbar .mantine-Button-root:hover,.bn-action-toolbar .mantine-ActionIcon-root:hover{background-color:var(--bn-colors-hovered-background);border:none;color:var(--bn-colors-hovered-text)}
|
|
284
|
+
.bn-action-toolbar .mantine-Button-root[data-selected],.bn-action-toolbar .mantine-ActionIcon-root[data-selected]{background-color:var(--bn-colors-selected-background);border:none;color:var(--bn-colors-selected-text)}
|
|
285
|
+
.bn-action-toolbar .mantine-Button-root[data-disabled],.bn-action-toolbar .mantine-ActionIcon-root[data-disabled]{background-color:var(--bn-colors-disabled-background);border:none;color:var(--bn-colors-disabled-text)}
|
|
286
|
+
.bn-mantine .bn-action-toolbar .mantine-Menu-itemLabel{font-size:12px}
|
|
287
|
+
.bn-mantine .bn-badge-group{display:flex;gap:4px;justify-content:flex-start;width:100%}
|
|
288
|
+
.bn-mantine .bn-badge{flex-grow:0}
|
|
289
|
+
.bn-mantine .bn-badge .mantine-Chip-label{padding:0 8px}
|
|
290
|
+
.bn-mantine .bn-badge .mantine-Chip-label:not([data-checked=true]){background-color:var(--bn-colors-menu-background);border:var(--bn-border);color:var(--bn-colors-menu-text)}
|
|
291
|
+
.bn-mantine .bn-badge .mantine-Chip-label:hover{border:1px solid var(--mantine-primary-color-filled-hover);color:var(--mantine-primary-color-filled-hover)}
|
|
292
|
+
.bn-mantine .bn-badge .mantine-Chip-label>span:not(.mantine-Chip-iconWrapper){display:inline-flex;gap:4px}
|
|
293
|
+
.bn-mantine .bn-badge .mantine-Chip-label>span:not(.mantine-Chip-iconWrapper)>span{align-items:center;display:inline-flex;justify-content:center}
|
|
294
|
+
.bn-mantine .bn-badge .mantine-Chip-iconWrapper{display:none}
|
|
295
|
+
|
|
296
|
+
/* IXO Editor Custom Styles */
|
|
297
|
+
|
|
298
|
+
.ixo-editor {
|
|
299
|
+
/* Container styles */
|
|
300
|
+
position: relative;
|
|
301
|
+
width: 100%;
|
|
302
|
+
min-height: 200px;
|
|
303
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
304
|
+
-webkit-font-smoothing: antialiased;
|
|
305
|
+
-moz-osx-font-smoothing: grayscale;
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
.ixo-editor .bn-editor {
|
|
309
|
+
/* Centered content with max-width constraint */
|
|
310
|
+
max-width: 900px;
|
|
311
|
+
margin: 0 auto; /* Center the content */
|
|
312
|
+
border-radius: 0px !important;
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
/* Light theme customizations */
|
|
316
|
+
.ixo-editor--theme-light {
|
|
317
|
+
--bn-colors-editor-background: #ffffff;
|
|
318
|
+
--bn-colors-editor-text: #1a1a1a;
|
|
319
|
+
--bn-colors-menu-background: #ffffff;
|
|
320
|
+
--bn-colors-menu-text: #1a1a1a;
|
|
321
|
+
--bn-colors-tooltip-background: #1a1a1a;
|
|
322
|
+
--bn-colors-tooltip-text: #ffffff;
|
|
323
|
+
--bn-colors-hovered-background: #f5f5f5;
|
|
324
|
+
--bn-colors-selected-background: #e6f2ff;
|
|
325
|
+
--bn-colors-border: #e0e0e0;
|
|
326
|
+
--bn-colors-side-menu: #666666;
|
|
327
|
+
--bn-colors-highlight-colors-blue: #3b82f6;
|
|
328
|
+
--bn-colors-highlight-colors-green: #10b981;
|
|
329
|
+
--bn-colors-highlight-colors-red: #ef4444;
|
|
330
|
+
--bn-colors-highlight-colors-yellow: #f59e0b;
|
|
331
|
+
--bn-colors-highlight-colors-purple: #8b5cf6;
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
/* Dark theme customizations */
|
|
335
|
+
.ixo-editor--theme-dark {
|
|
336
|
+
--bn-colors-editor-background: #1a1a1a;
|
|
337
|
+
--bn-colors-editor-text: #f0f0f0;
|
|
338
|
+
--bn-colors-menu-background: #2a2a2a;
|
|
339
|
+
--bn-colors-menu-text: #f0f0f0;
|
|
340
|
+
--bn-colors-tooltip-background: #f0f0f0;
|
|
341
|
+
--bn-colors-tooltip-text: #1a1a1a;
|
|
342
|
+
--bn-colors-hovered-background: #2a2a2a;
|
|
343
|
+
--bn-colors-selected-background: color-mix(in srgb, var(--mantine-color-neutralColor-7) 30%, transparent);
|
|
344
|
+
--bn-colors-border: #3a3a3a;
|
|
345
|
+
--bn-colors-side-menu: #999999;
|
|
346
|
+
--bn-colors-highlight-colors-blue: #60a5fa;
|
|
347
|
+
--bn-colors-highlight-colors-green: #34d399;
|
|
348
|
+
--bn-colors-highlight-colors-red: #f87171;
|
|
349
|
+
--bn-colors-highlight-colors-yellow: #fbbf24;
|
|
350
|
+
--bn-colors-highlight-colors-purple: #a78bfa;
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
/* Editor content styles */
|
|
354
|
+
.ixo-editor .bn-container {
|
|
355
|
+
border: 1px solid var(--bn-colors-border);
|
|
356
|
+
transition: border-color 0.2s ease;
|
|
357
|
+
border-radius: 0px !important;
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
.ixo-editor .bn-container:focus-within {
|
|
361
|
+
border-color: var(--bn-colors-highlight-colors-blue);
|
|
362
|
+
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
/* Block styles */
|
|
366
|
+
.ixo-editor .bn-block {
|
|
367
|
+
margin-bottom: 0.5em;
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
.ixo-editor .bn-block-content {
|
|
371
|
+
min-height: 1.5em;
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
/* Disable text selection on custom (non-editable) blocks.
|
|
375
|
+
Standard text blocks re-enable it via .bn-inline-content below. */
|
|
376
|
+
.ixo-editor div.bn-block-content {
|
|
377
|
+
user-select: none;
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
/* Re-enable text selection inside standard editable block content */
|
|
381
|
+
.ixo-editor .bn-inline-content {
|
|
382
|
+
user-select: text;
|
|
383
|
+
}
|
|
384
|
+
|
|
385
|
+
/* Heading styles */
|
|
386
|
+
.ixo-editor h1.bn-inline-content {
|
|
387
|
+
font-size: 2em;
|
|
388
|
+
font-weight: 700;
|
|
389
|
+
margin-top: 0.5em;
|
|
390
|
+
margin-bottom: 0.5em;
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
.ixo-editor h2.bn-inline-content {
|
|
394
|
+
font-size: 1.5em;
|
|
395
|
+
font-weight: 600;
|
|
396
|
+
margin-top: 0.5em;
|
|
397
|
+
margin-bottom: 0.5em;
|
|
398
|
+
}
|
|
399
|
+
|
|
400
|
+
.ixo-editor h3.bn-inline-content {
|
|
401
|
+
font-size: 1.25em;
|
|
402
|
+
font-weight: 600;
|
|
403
|
+
margin-top: 0.5em;
|
|
404
|
+
margin-bottom: 0.5em;
|
|
405
|
+
}
|
|
406
|
+
|
|
407
|
+
/* List styles */
|
|
408
|
+
.ixo-editor ul.bn-block-content {
|
|
409
|
+
padding-left: 1.5em;
|
|
410
|
+
list-style-type: disc;
|
|
411
|
+
}
|
|
412
|
+
|
|
413
|
+
.ixo-editor ol.bn-block-content {
|
|
414
|
+
padding-left: 1.5em;
|
|
415
|
+
list-style-type: decimal;
|
|
416
|
+
}
|
|
417
|
+
|
|
418
|
+
/* Code block styles */
|
|
419
|
+
.ixo-editor pre.bn-block-content {
|
|
420
|
+
background-color: var(--bn-colors-hovered-background);
|
|
421
|
+
border-radius: 4px;
|
|
422
|
+
padding: 12px;
|
|
423
|
+
font-family: 'Courier New', Courier, monospace;
|
|
424
|
+
font-size: 0.9em;
|
|
425
|
+
overflow-x: auto;
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
.ixo-editor code.bn-inline-content {
|
|
429
|
+
background-color: var(--bn-colors-hovered-background);
|
|
430
|
+
border-radius: 3px;
|
|
431
|
+
padding: 2px 6px;
|
|
432
|
+
font-family: 'Courier New', Courier, monospace;
|
|
433
|
+
font-size: 0.9em;
|
|
434
|
+
}
|
|
435
|
+
|
|
436
|
+
/* Blockquote styles */
|
|
437
|
+
.ixo-editor blockquote.bn-block-content {
|
|
438
|
+
border-left: 3px solid var(--bn-colors-border);
|
|
439
|
+
padding-left: 1em;
|
|
440
|
+
margin-left: 0;
|
|
441
|
+
font-style: italic;
|
|
442
|
+
color: var(--bn-colors-side-menu);
|
|
443
|
+
}
|
|
444
|
+
|
|
445
|
+
/* Link styles */
|
|
446
|
+
.ixo-editor a.bn-inline-content {
|
|
447
|
+
color: var(--bn-colors-highlight-colors-blue);
|
|
448
|
+
text-decoration: none;
|
|
449
|
+
transition: text-decoration 0.2s ease;
|
|
450
|
+
}
|
|
451
|
+
|
|
452
|
+
.ixo-editor a.bn-inline-content:hover {
|
|
453
|
+
text-decoration: underline;
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
/* Table styles */
|
|
457
|
+
.ixo-editor table.bn-block-content {
|
|
458
|
+
border-collapse: collapse;
|
|
459
|
+
width: 100%;
|
|
460
|
+
margin: 1em 0;
|
|
461
|
+
}
|
|
462
|
+
|
|
463
|
+
.ixo-editor table.bn-block-content th,
|
|
464
|
+
.ixo-editor table.bn-block-content td {
|
|
465
|
+
border: 1px solid var(--bn-colors-border);
|
|
466
|
+
padding: 8px 12px;
|
|
467
|
+
text-align: left;
|
|
468
|
+
}
|
|
469
|
+
|
|
470
|
+
.ixo-editor table.bn-block-content th {
|
|
471
|
+
background-color: var(--bn-colors-hovered-background);
|
|
472
|
+
font-weight: 600;
|
|
473
|
+
}
|
|
474
|
+
|
|
475
|
+
/* Image styles */
|
|
476
|
+
.ixo-editor .bn-image-block img {
|
|
477
|
+
max-width: 100%;
|
|
478
|
+
height: auto;
|
|
479
|
+
border-radius: 4px;
|
|
480
|
+
}
|
|
481
|
+
|
|
482
|
+
/* Placeholder styles */
|
|
483
|
+
.ixo-editor .bn-block-content[data-is-empty='true']:before {
|
|
484
|
+
color: var(--bn-colors-side-menu);
|
|
485
|
+
opacity: 0.5;
|
|
486
|
+
}
|
|
487
|
+
|
|
488
|
+
/* Notion-like list title input placeholder */
|
|
489
|
+
.notion-list-title-input::placeholder {
|
|
490
|
+
color: #cfcfcf;
|
|
491
|
+
opacity: 1;
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
/* Menu and toolbar customizations */
|
|
495
|
+
.ixo-editor .bn-menu {
|
|
496
|
+
border-radius: 8px;
|
|
497
|
+
box-shadow:
|
|
498
|
+
0 4px 6px -1px rgba(0, 0, 0, 0.1),
|
|
499
|
+
0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
500
|
+
}
|
|
501
|
+
|
|
502
|
+
.ixo-editor .bn-toolbar {
|
|
503
|
+
border-radius: 6px;
|
|
504
|
+
padding: 4px;
|
|
505
|
+
}
|
|
506
|
+
|
|
507
|
+
/* Animation improvements */
|
|
508
|
+
.ixo-editor .bn-block,
|
|
509
|
+
.ixo-editor .bn-menu,
|
|
510
|
+
.ixo-editor .bn-toolbar {
|
|
511
|
+
animation-duration: 0.2s;
|
|
512
|
+
}
|
|
513
|
+
|
|
514
|
+
/* Selection styles */
|
|
515
|
+
.ixo-editor ::selection {
|
|
516
|
+
background-color: var(--bn-colors-selected-background);
|
|
517
|
+
color: var(--bn-colors-editor-text);
|
|
518
|
+
}
|
|
519
|
+
|
|
520
|
+
.ixo-editor--theme-dark ::selection {
|
|
521
|
+
background-color: color-mix(in srgb, var(--mantine-color-neutralColor-7) 30%, transparent) !important;
|
|
522
|
+
}
|
|
523
|
+
|
|
524
|
+
/* Scrollbar styles */
|
|
525
|
+
.ixo-editor .bn-container::-webkit-scrollbar {
|
|
526
|
+
width: 8px;
|
|
527
|
+
height: 8px;
|
|
528
|
+
}
|
|
529
|
+
|
|
530
|
+
.ixo-editor .bn-container::-webkit-scrollbar-track {
|
|
531
|
+
background: transparent;
|
|
532
|
+
}
|
|
533
|
+
|
|
534
|
+
.ixo-editor .bn-container::-webkit-scrollbar-thumb {
|
|
535
|
+
background-color: var(--bn-colors-border);
|
|
536
|
+
}
|
|
537
|
+
|
|
538
|
+
.ixo-editor .bn-container::-webkit-scrollbar-thumb:hover {
|
|
539
|
+
background-color: var(--bn-colors-side-menu);
|
|
540
|
+
}
|
|
541
|
+
|
|
542
|
+
/* Responsive adjustments */
|
|
543
|
+
@media (max-width: 1024px) and (min-width: 769px) {
|
|
544
|
+
.ixo-editor .bn-editor {
|
|
545
|
+
/* On tablets, keep centered with slightly reduced max-width */
|
|
546
|
+
max-width: 90%;
|
|
547
|
+
margin: 0 auto;
|
|
548
|
+
}
|
|
549
|
+
}
|
|
550
|
+
|
|
551
|
+
@media (max-width: 768px) {
|
|
552
|
+
.ixo-editor .bn-editor {
|
|
553
|
+
/* On mobile, use full width with standard padding */
|
|
554
|
+
max-width: calc(100% - 32px);
|
|
555
|
+
margin: 0 auto;
|
|
556
|
+
}
|
|
557
|
+
|
|
558
|
+
.ixo-editor .bn-container {
|
|
559
|
+
padding: 15px;
|
|
560
|
+
}
|
|
561
|
+
|
|
562
|
+
.ixo-editor h1.bn-inline-content {
|
|
563
|
+
font-size: 1.75em;
|
|
564
|
+
}
|
|
565
|
+
|
|
566
|
+
.ixo-editor h2.bn-inline-content {
|
|
567
|
+
font-size: 1.35em;
|
|
568
|
+
}
|
|
569
|
+
|
|
570
|
+
.ixo-editor h3.bn-inline-content {
|
|
571
|
+
font-size: 1.15em;
|
|
572
|
+
}
|
|
573
|
+
}
|
|
574
|
+
|
|
575
|
+
/* Block presence awareness */
|
|
576
|
+
.ixo-block-presence-border {
|
|
577
|
+
transition: border-left-color 200ms ease;
|
|
578
|
+
}
|
|
579
|
+
|
|
580
|
+
.ixo-block-presence-badges {
|
|
581
|
+
position: absolute;
|
|
582
|
+
top: -8px;
|
|
583
|
+
right: 12px;
|
|
584
|
+
display: flex;
|
|
585
|
+
gap: 4px;
|
|
586
|
+
z-index: 10;
|
|
587
|
+
pointer-events: none;
|
|
588
|
+
}
|
|
589
|
+
|
|
590
|
+
.ixo-block-presence-badge {
|
|
591
|
+
width: 20px;
|
|
592
|
+
height: 20px;
|
|
593
|
+
border-radius: 50%;
|
|
594
|
+
display: flex;
|
|
595
|
+
align-items: center;
|
|
596
|
+
justify-content: center;
|
|
597
|
+
font-size: 11px;
|
|
598
|
+
font-weight: 600;
|
|
599
|
+
color: #fff;
|
|
600
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
|
601
|
+
pointer-events: none;
|
|
602
|
+
overflow: hidden;
|
|
603
|
+
}
|
|
604
|
+
|
|
605
|
+
/* Hide ProseMirror drop cursor ONLY when dragging external artifacts */
|
|
606
|
+
body.external-artifact-drag-active .prosemirror-dropcursor-block,
|
|
607
|
+
body.external-artifact-drag-active .prosemirror-dropcursor-inline {
|
|
608
|
+
display: none !important;
|
|
609
|
+
opacity: 0 !important;
|
|
610
|
+
visibility: hidden !important;
|
|
611
|
+
}
|