superdoc 2.4.0-next.44 → 2.4.0-next.46
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/dist/collaboration-upgrade-engine.cjs +1 -1
- package/dist/collaboration-upgrade-engine.es.js +1 -1
- package/dist/layout-engine/contracts/src/index.d.ts +6 -0
- package/dist/layout-engine/painters/dom/src/table/border-utils.d.ts +17 -1
- package/dist/style.css +64 -64
- package/dist/style.layered.css +64 -64
- package/dist/superdoc.cjs +4 -3
- package/dist/superdoc.es.js +4 -3
- package/dist-cdn/style.layered.css +1 -1
- package/dist-cdn/superdoc.min.css +1 -1
- package/dist-cdn/superdoc.min.js +10 -10
- package/package.json +2 -2
|
@@ -19,7 +19,7 @@ var COLLABORATION_UPGRADE_ENGINE_MINIMUM_NODE_MAJOR = 20;
|
|
|
19
19
|
var PRIVATE_ENGINE_INFO = (0, _superdoc_docx_engine_collaboration_upgrade_engine.getCollaborationUpgradeEngineInfo)();
|
|
20
20
|
var ENGINE_INFO = Object.freeze({
|
|
21
21
|
...PRIVATE_ENGINE_INFO,
|
|
22
|
-
superdocVersion: "2.4.0-next.
|
|
22
|
+
superdocVersion: "2.4.0-next.46",
|
|
23
23
|
roomSchemaVersion: Object.freeze({ ...PRIVATE_ENGINE_INFO.roomSchemaVersion }),
|
|
24
24
|
supportedBundleVersions: SUPPORTED_COLLABORATION_UPGRADE_BUNDLE_VERSIONS,
|
|
25
25
|
supportedV1ReaderContractVersions: SUPPORTED_V1_READER_CONTRACT_VERSIONS
|
|
@@ -18,7 +18,7 @@ var COLLABORATION_UPGRADE_ENGINE_MINIMUM_NODE_MAJOR = 20;
|
|
|
18
18
|
var PRIVATE_ENGINE_INFO = getCollaborationUpgradeEngineInfo$1();
|
|
19
19
|
var ENGINE_INFO = Object.freeze({
|
|
20
20
|
...PRIVATE_ENGINE_INFO,
|
|
21
|
-
superdocVersion: "2.4.0-next.
|
|
21
|
+
superdocVersion: "2.4.0-next.46",
|
|
22
22
|
roomSchemaVersion: Object.freeze({ ...PRIVATE_ENGINE_INFO.roomSchemaVersion }),
|
|
23
23
|
supportedBundleVersions: SUPPORTED_COLLABORATION_UPGRADE_BUNDLE_VERSIONS,
|
|
24
24
|
supportedV1ReaderContractVersions: SUPPORTED_V1_READER_CONTRACT_VERSIONS
|
|
@@ -717,6 +717,12 @@ export type BorderSpec = {
|
|
|
717
717
|
color?: string;
|
|
718
718
|
space?: number;
|
|
719
719
|
};
|
|
720
|
+
/**
|
|
721
|
+
* Returns the complete painted width of an OOXML table border in CSS pixels.
|
|
722
|
+
* `w:sz` is the width of the complete border, including compound styles such
|
|
723
|
+
* as double. `thick` retains the existing table-painter minimum used in V2.
|
|
724
|
+
*/
|
|
725
|
+
export declare const getRenderedTableBorderWidthPx: (border: Pick<BorderSpec, "style" | "width"> | undefined, defaultWidth?: number) => number;
|
|
720
726
|
/**
|
|
721
727
|
* Three-state border value for table borders.
|
|
722
728
|
* - `null`: inherit from table style
|
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
import { BorderSpec, CellBorders, TableBorderValue, TableBorders, TableFragment } from '../../../../contracts/src/index.js';
|
|
2
2
|
import { TableCellGridPosition } from './grid-geometry.js';
|
|
3
|
+
type BorderSide = 'Top' | 'Right' | 'Bottom' | 'Left';
|
|
4
|
+
type ThinDoubleBorderOverlayGeometry = {
|
|
5
|
+
left: string;
|
|
6
|
+
top: string;
|
|
7
|
+
width: string;
|
|
8
|
+
height: string;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* Paints thin double borders in an unclipped sibling SVG. CSS gradients are
|
|
12
|
+
* clipped at cell seams and cannot form Word's continuous rectangular rings.
|
|
13
|
+
* The SVG preserves authored geometry once it is large enough, while the V2
|
|
14
|
+
* wrapper's inverse-zoom variable keeps sub-pixel components at Word's
|
|
15
|
+
* one-screen-pixel minimum across editor zoom levels.
|
|
16
|
+
*/
|
|
17
|
+
export declare const createThinDoubleBorderOverlay: (doc: Document, source: HTMLElement, geometry: ThinDoubleBorderOverlayGeometry) => SVGSVGElement | null;
|
|
3
18
|
/**
|
|
4
19
|
* Applies a border specification to one side of an HTML element.
|
|
5
20
|
*
|
|
@@ -18,7 +33,7 @@ import { TableCellGridPosition } from './grid-geometry.js';
|
|
|
18
33
|
* // Sets cell.style.borderTop = '2px solid #FF0000'
|
|
19
34
|
* ```
|
|
20
35
|
*/
|
|
21
|
-
export declare const applyBorder: (element: HTMLElement, side:
|
|
36
|
+
export declare const applyBorder: (element: HTMLElement, side: BorderSide, border?: BorderSpec) => void;
|
|
22
37
|
/**
|
|
23
38
|
* Applies border specifications to all four sides of a table cell element.
|
|
24
39
|
*
|
|
@@ -160,3 +175,4 @@ export declare const swapTableBordersLR: (borders: TableBorders | undefined) =>
|
|
|
160
175
|
* Swap left↔right on cell borders for RTL tables (ECMA-376 Part 4 §14.3.1, §14.3.5).
|
|
161
176
|
*/
|
|
162
177
|
export declare const swapCellBordersLR: (borders: CellBorders | undefined) => CellBorders | undefined;
|
|
178
|
+
export {};
|
package/dist/style.css
CHANGED
|
@@ -1014,7 +1014,7 @@ img[data-v-c95b2073] {
|
|
|
1014
1014
|
box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
|
|
1015
1015
|
}
|
|
1016
1016
|
|
|
1017
|
-
.comments-dialog[data-v-
|
|
1017
|
+
.comments-dialog[data-v-8da57f9c] {
|
|
1018
1018
|
display: flex;
|
|
1019
1019
|
flex-direction: column;
|
|
1020
1020
|
padding: var(--sd-ui-comments-card-padding, 16px);
|
|
@@ -1033,73 +1033,73 @@ img[data-v-c95b2073] {
|
|
|
1033
1033
|
overflow-wrap: break-word;
|
|
1034
1034
|
word-break: break-word;
|
|
1035
1035
|
}
|
|
1036
|
-
.comments-dialog[data-v-
|
|
1036
|
+
.comments-dialog[data-v-8da57f9c]:not(.is-active) {
|
|
1037
1037
|
cursor: pointer;
|
|
1038
1038
|
}
|
|
1039
|
-
.comments-dialog[data-v-
|
|
1039
|
+
.comments-dialog[data-v-8da57f9c]:not(.is-active):not(.is-resolved):hover {
|
|
1040
1040
|
background-color: var(--sd-ui-comments-card-hover-bg, #f3f6fd);
|
|
1041
1041
|
}
|
|
1042
|
-
.comments-dialog[data-v-
|
|
1042
|
+
.comments-dialog[data-v-8da57f9c]:not(.is-resolved):hover .overflow-menu {
|
|
1043
1043
|
opacity: 1;
|
|
1044
1044
|
pointer-events: auto;
|
|
1045
1045
|
}
|
|
1046
|
-
.comments-dialog.is-active[data-v-
|
|
1046
|
+
.comments-dialog.is-active[data-v-8da57f9c] {
|
|
1047
1047
|
background-color: var(--sd-ui-comments-card-active-bg, #ffffff);
|
|
1048
1048
|
border-color: var(--sd-ui-comments-card-active-border, #e0e0e0);
|
|
1049
1049
|
box-shadow: var(--sd-ui-comments-card-shadow, 0px 4px 12px 0px rgba(50, 50, 50, 0.15));
|
|
1050
1050
|
z-index: 10;
|
|
1051
1051
|
}
|
|
1052
|
-
.comments-dialog.is-resolved[data-v-
|
|
1052
|
+
.comments-dialog.is-resolved[data-v-8da57f9c] {
|
|
1053
1053
|
background-color: var(--sd-ui-comments-card-resolved-bg, #f0f0f0);
|
|
1054
1054
|
}
|
|
1055
|
-
.comment-separator[data-v-
|
|
1055
|
+
.comment-separator[data-v-8da57f9c] {
|
|
1056
1056
|
background-color: var(--sd-ui-comments-separator, #e0e0e0);
|
|
1057
1057
|
height: 1px;
|
|
1058
1058
|
width: 100%;
|
|
1059
1059
|
margin: 10px 0;
|
|
1060
1060
|
}
|
|
1061
|
-
.comment[data-v-
|
|
1061
|
+
.comment[data-v-8da57f9c] {
|
|
1062
1062
|
font-size: var(--sd-ui-comments-body-size, 14px);
|
|
1063
1063
|
line-height: 1.5;
|
|
1064
1064
|
color: var(--sd-ui-comments-body-text, #212121);
|
|
1065
1065
|
margin: 4px 0 0 0;
|
|
1066
1066
|
}
|
|
1067
|
-
.comment[data-v-
|
|
1067
|
+
.comment[data-v-8da57f9c] p {
|
|
1068
1068
|
margin: 0;
|
|
1069
1069
|
}
|
|
1070
|
-
.tracked-change[data-v-
|
|
1070
|
+
.tracked-change[data-v-8da57f9c] {
|
|
1071
1071
|
font-size: var(--sd-ui-comments-body-size, 14px);
|
|
1072
1072
|
line-height: 1.5;
|
|
1073
1073
|
color: var(--sd-ui-comments-body-text, #212121);
|
|
1074
1074
|
margin: 4px 0 0 0;
|
|
1075
1075
|
}
|
|
1076
|
-
.change-type[data-v-
|
|
1076
|
+
.change-type[data-v-8da57f9c] {
|
|
1077
1077
|
color: var(--sd-ui-comments-body-text, #212121);
|
|
1078
1078
|
}
|
|
1079
|
-
.tracked-change-text[data-v-
|
|
1079
|
+
.tracked-change-text[data-v-8da57f9c] {
|
|
1080
1080
|
color: var(--sd-ui-comments-body-text, #212121);
|
|
1081
1081
|
}
|
|
1082
|
-
.tracked-change-text.is-deleted[data-v-
|
|
1082
|
+
.tracked-change-text.is-deleted[data-v-8da57f9c] {
|
|
1083
1083
|
color: var(--sd-ui-comments-delete-text, #cb0e47);
|
|
1084
1084
|
}
|
|
1085
|
-
.tracked-change-text.is-inserted[data-v-
|
|
1085
|
+
.tracked-change-text.is-inserted[data-v-8da57f9c] {
|
|
1086
1086
|
color: var(--sd-ui-comments-insert-text, #1f6feb);
|
|
1087
1087
|
font-weight: 500;
|
|
1088
1088
|
}
|
|
1089
|
-
.tracked-change[data-track-change-semantic-color-key='move-from'] .tracked-change-text.is-deleted[data-v-
|
|
1089
|
+
.tracked-change[data-track-change-semantic-color-key='move-from'] .tracked-change-text.is-deleted[data-v-8da57f9c] {
|
|
1090
1090
|
color: var(--sd-ui-comments-move-from-text, #00853d);
|
|
1091
1091
|
}
|
|
1092
|
-
.tracked-change[data-track-change-semantic-color-key='move-to'] .tracked-change-text.is-inserted[data-v-
|
|
1092
|
+
.tracked-change[data-track-change-semantic-color-key='move-to'] .tracked-change-text.is-inserted[data-v-8da57f9c] {
|
|
1093
1093
|
color: var(--sd-ui-comments-move-to-text, #00853d);
|
|
1094
1094
|
}
|
|
1095
|
-
.tracked-change-detail-lines[data-v-
|
|
1095
|
+
.tracked-change-detail-lines[data-v-8da57f9c] {
|
|
1096
1096
|
margin-top: 4px;
|
|
1097
1097
|
}
|
|
1098
|
-
.tracked-change-detail-line[data-v-
|
|
1098
|
+
.tracked-change-detail-line[data-v-8da57f9c] {
|
|
1099
1099
|
font-size: 12px;
|
|
1100
1100
|
line-height: 1.4;
|
|
1101
1101
|
}
|
|
1102
|
-
.tracked-change-image-preview[data-v-
|
|
1102
|
+
.tracked-change-image-preview[data-v-8da57f9c] {
|
|
1103
1103
|
display: inline-flex;
|
|
1104
1104
|
align-items: center;
|
|
1105
1105
|
justify-content: center;
|
|
@@ -1110,7 +1110,7 @@ img[data-v-c95b2073] {
|
|
|
1110
1110
|
max-width: 96px;
|
|
1111
1111
|
max-height: 96px;
|
|
1112
1112
|
}
|
|
1113
|
-
.tracked-change-image-preview__image[data-v-
|
|
1113
|
+
.tracked-change-image-preview__image[data-v-8da57f9c] {
|
|
1114
1114
|
display: block;
|
|
1115
1115
|
width: auto;
|
|
1116
1116
|
height: auto;
|
|
@@ -1120,7 +1120,7 @@ img[data-v-c95b2073] {
|
|
|
1120
1120
|
}
|
|
1121
1121
|
|
|
1122
1122
|
/* ── Failed tracked-change decision alert (SD-3772 §6) ── */
|
|
1123
|
-
.tracked-change-decision-alert[data-v-
|
|
1123
|
+
.tracked-change-decision-alert[data-v-8da57f9c] {
|
|
1124
1124
|
display: flex;
|
|
1125
1125
|
align-items: center;
|
|
1126
1126
|
justify-content: space-between;
|
|
@@ -1134,12 +1134,12 @@ img[data-v-c95b2073] {
|
|
|
1134
1134
|
font-size: var(--sd-ui-comments-body-size, 14px);
|
|
1135
1135
|
line-height: 1.4;
|
|
1136
1136
|
}
|
|
1137
|
-
.tracked-change-decision-alert__retry[data-v-
|
|
1137
|
+
.tracked-change-decision-alert__retry[data-v-8da57f9c] {
|
|
1138
1138
|
flex-shrink: 0;
|
|
1139
1139
|
}
|
|
1140
1140
|
|
|
1141
1141
|
/* ── Resolved badge ── */
|
|
1142
|
-
.resolved-badge[data-v-
|
|
1142
|
+
.resolved-badge[data-v-8da57f9c] {
|
|
1143
1143
|
display: inline-flex;
|
|
1144
1144
|
align-items: center;
|
|
1145
1145
|
gap: 4px;
|
|
@@ -1148,33 +1148,33 @@ img[data-v-c95b2073] {
|
|
|
1148
1148
|
color: var(--sd-ui-comments-resolved-text, #00853d);
|
|
1149
1149
|
margin-bottom: 4px;
|
|
1150
1150
|
}
|
|
1151
|
-
.resolved-badge__icon[data-v-
|
|
1151
|
+
.resolved-badge__icon[data-v-8da57f9c] {
|
|
1152
1152
|
display: inline-flex;
|
|
1153
1153
|
width: 12px;
|
|
1154
1154
|
height: 12px;
|
|
1155
1155
|
}
|
|
1156
|
-
.resolved-badge__icon[data-v-
|
|
1156
|
+
.resolved-badge__icon[data-v-8da57f9c] svg {
|
|
1157
1157
|
width: 100%;
|
|
1158
1158
|
height: 100%;
|
|
1159
1159
|
fill: currentColor;
|
|
1160
1160
|
}
|
|
1161
1161
|
|
|
1162
1162
|
/* ── Text truncation ── */
|
|
1163
|
-
.comment.is-truncated[data-v-
|
|
1164
|
-
.tracked-change.is-truncated[data-v-
|
|
1163
|
+
.comment.is-truncated[data-v-8da57f9c],
|
|
1164
|
+
.tracked-change.is-truncated[data-v-8da57f9c] {
|
|
1165
1165
|
display: -webkit-box;
|
|
1166
1166
|
-webkit-line-clamp: 3;
|
|
1167
1167
|
-webkit-box-orient: vertical;
|
|
1168
1168
|
max-height: 4.5em;
|
|
1169
1169
|
overflow: hidden;
|
|
1170
1170
|
}
|
|
1171
|
-
.comment.is-scrollable[data-v-
|
|
1172
|
-
.tracked-change.is-scrollable[data-v-
|
|
1171
|
+
.comment.is-scrollable[data-v-8da57f9c],
|
|
1172
|
+
.tracked-change.is-scrollable[data-v-8da57f9c] {
|
|
1173
1173
|
max-height: 220px;
|
|
1174
1174
|
overflow-y: auto;
|
|
1175
1175
|
padding-right: 4px;
|
|
1176
1176
|
}
|
|
1177
|
-
.show-more-toggle[data-v-
|
|
1177
|
+
.show-more-toggle[data-v-8da57f9c] {
|
|
1178
1178
|
font-size: 12px;
|
|
1179
1179
|
color: var(--sd-ui-action, #1355ff);
|
|
1180
1180
|
cursor: pointer;
|
|
@@ -1182,12 +1182,12 @@ img[data-v-c95b2073] {
|
|
|
1182
1182
|
margin-top: 4px;
|
|
1183
1183
|
user-select: none;
|
|
1184
1184
|
}
|
|
1185
|
-
.show-more-toggle[data-v-
|
|
1185
|
+
.show-more-toggle[data-v-8da57f9c]:hover {
|
|
1186
1186
|
text-decoration: underline;
|
|
1187
1187
|
}
|
|
1188
1188
|
|
|
1189
1189
|
/* ── Thread collapse ── */
|
|
1190
|
-
.collapsed-replies[data-v-
|
|
1190
|
+
.collapsed-replies[data-v-8da57f9c] {
|
|
1191
1191
|
display: flex;
|
|
1192
1192
|
align-items: center;
|
|
1193
1193
|
gap: 6px;
|
|
@@ -1198,24 +1198,24 @@ img[data-v-c95b2073] {
|
|
|
1198
1198
|
cursor: pointer;
|
|
1199
1199
|
user-select: none;
|
|
1200
1200
|
}
|
|
1201
|
-
.collapsed-replies[data-v-
|
|
1201
|
+
.collapsed-replies[data-v-8da57f9c]:hover {
|
|
1202
1202
|
text-decoration: underline;
|
|
1203
1203
|
}
|
|
1204
|
-
.collapsed-avatars[data-v-
|
|
1204
|
+
.collapsed-avatars[data-v-8da57f9c] {
|
|
1205
1205
|
display: flex;
|
|
1206
1206
|
}
|
|
1207
|
-
.collapsed-avatars .mini-avatar[data-v-
|
|
1207
|
+
.collapsed-avatars .mini-avatar[data-v-8da57f9c] {
|
|
1208
1208
|
--sd-comment-avatar-size: 20px;
|
|
1209
1209
|
--sd-comment-avatar-font-size: 8px;
|
|
1210
1210
|
margin-left: -4px;
|
|
1211
1211
|
border: 2px solid var(--sd-ui-comments-card-active-bg, #ffffff);
|
|
1212
1212
|
}
|
|
1213
|
-
.collapsed-avatars .mini-avatar[data-v-
|
|
1213
|
+
.collapsed-avatars .mini-avatar[data-v-8da57f9c]:first-child {
|
|
1214
1214
|
margin-left: 0;
|
|
1215
1215
|
}
|
|
1216
1216
|
|
|
1217
1217
|
/* ── New comment input ── */
|
|
1218
|
-
.new-comment-input-wrapper[data-v-
|
|
1218
|
+
.new-comment-input-wrapper[data-v-8da57f9c] {
|
|
1219
1219
|
border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
|
|
1220
1220
|
border-radius: 12px;
|
|
1221
1221
|
padding: 8.5px 10.5px;
|
|
@@ -1224,17 +1224,17 @@ img[data-v-c95b2073] {
|
|
|
1224
1224
|
max-height: 150px;
|
|
1225
1225
|
overflow-y: auto;
|
|
1226
1226
|
}
|
|
1227
|
-
.new-comment-input-wrapper[data-v-
|
|
1227
|
+
.new-comment-input-wrapper[data-v-8da57f9c]:focus-within {
|
|
1228
1228
|
border-color: var(--sd-ui-comments-input-focus-border, #4f7cff);
|
|
1229
1229
|
box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
|
|
1230
1230
|
}
|
|
1231
|
-
.new-comment-input-wrapper[data-v-
|
|
1231
|
+
.new-comment-input-wrapper[data-v-8da57f9c] .comment-entry {
|
|
1232
1232
|
border-radius: 0;
|
|
1233
1233
|
}
|
|
1234
|
-
.new-comment-input-wrapper[data-v-
|
|
1234
|
+
.new-comment-input-wrapper[data-v-8da57f9c] .input-section {
|
|
1235
1235
|
margin: 0;
|
|
1236
1236
|
}
|
|
1237
|
-
.new-comment-input-wrapper[data-v-
|
|
1237
|
+
.new-comment-input-wrapper[data-v-8da57f9c] .superdoc-field {
|
|
1238
1238
|
font-size: 14px;
|
|
1239
1239
|
line-height: 20px;
|
|
1240
1240
|
border: none;
|
|
@@ -1245,18 +1245,18 @@ img[data-v-c95b2073] {
|
|
|
1245
1245
|
max-height: 132px;
|
|
1246
1246
|
resize: none;
|
|
1247
1247
|
}
|
|
1248
|
-
.new-comment-input-wrapper[data-v-
|
|
1249
|
-
.new-comment-input-wrapper[data-v-
|
|
1248
|
+
.new-comment-input-wrapper[data-v-8da57f9c] .superdoc-field:focus,
|
|
1249
|
+
.new-comment-input-wrapper[data-v-8da57f9c] .superdoc-field:active {
|
|
1250
1250
|
border: none;
|
|
1251
1251
|
box-shadow: none;
|
|
1252
1252
|
outline: none;
|
|
1253
1253
|
}
|
|
1254
|
-
.new-comment-input-wrapper[data-v-
|
|
1254
|
+
.new-comment-input-wrapper[data-v-8da57f9c] .sd-editor-placeholder::before {
|
|
1255
1255
|
content: 'Comment or add others with @';
|
|
1256
1256
|
}
|
|
1257
1257
|
|
|
1258
1258
|
/* ── Reply pill & expanded input ── */
|
|
1259
|
-
.reply-pill[data-v-
|
|
1259
|
+
.reply-pill[data-v-8da57f9c] {
|
|
1260
1260
|
width: 100%;
|
|
1261
1261
|
padding: 8.5px 10.5px;
|
|
1262
1262
|
border: 1.5px solid transparent;
|
|
@@ -1270,16 +1270,16 @@ img[data-v-c95b2073] {
|
|
|
1270
1270
|
cursor: text;
|
|
1271
1271
|
transition: background 150ms ease;
|
|
1272
1272
|
}
|
|
1273
|
-
.reply-pill[data-v-
|
|
1273
|
+
.reply-pill[data-v-8da57f9c]:hover {
|
|
1274
1274
|
background: var(--sd-color-gray-200, #f2f2f2);
|
|
1275
1275
|
}
|
|
1276
|
-
.reply-pill[data-v-
|
|
1276
|
+
.reply-pill[data-v-8da57f9c]:disabled {
|
|
1277
1277
|
cursor: not-allowed;
|
|
1278
1278
|
}
|
|
1279
|
-
.reply-expanded[data-v-
|
|
1279
|
+
.reply-expanded[data-v-8da57f9c] {
|
|
1280
1280
|
margin-top: 10px;
|
|
1281
1281
|
}
|
|
1282
|
-
.reply-input-wrapper[data-v-
|
|
1282
|
+
.reply-input-wrapper[data-v-8da57f9c] {
|
|
1283
1283
|
border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
|
|
1284
1284
|
border-radius: 12px;
|
|
1285
1285
|
padding: 8.5px 10.5px;
|
|
@@ -1287,17 +1287,17 @@ img[data-v-c95b2073] {
|
|
|
1287
1287
|
max-height: 150px;
|
|
1288
1288
|
overflow-y: auto;
|
|
1289
1289
|
}
|
|
1290
|
-
.reply-input-wrapper[data-v-
|
|
1290
|
+
.reply-input-wrapper[data-v-8da57f9c]:focus-within {
|
|
1291
1291
|
border-color: var(--sd-ui-comments-input-focus-border, #4f7cff);
|
|
1292
1292
|
box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
|
|
1293
1293
|
}
|
|
1294
|
-
.reply-input-wrapper[data-v-
|
|
1294
|
+
.reply-input-wrapper[data-v-8da57f9c] .comment-entry {
|
|
1295
1295
|
border-radius: 0;
|
|
1296
1296
|
}
|
|
1297
|
-
.reply-input-wrapper[data-v-
|
|
1297
|
+
.reply-input-wrapper[data-v-8da57f9c] .input-section {
|
|
1298
1298
|
margin: 0;
|
|
1299
1299
|
}
|
|
1300
|
-
.reply-input-wrapper[data-v-
|
|
1300
|
+
.reply-input-wrapper[data-v-8da57f9c] .superdoc-field {
|
|
1301
1301
|
font-size: 14px;
|
|
1302
1302
|
line-height: 20px;
|
|
1303
1303
|
border: none;
|
|
@@ -1308,23 +1308,23 @@ img[data-v-c95b2073] {
|
|
|
1308
1308
|
max-height: 132px;
|
|
1309
1309
|
resize: none;
|
|
1310
1310
|
}
|
|
1311
|
-
.reply-input-wrapper[data-v-
|
|
1312
|
-
.reply-input-wrapper[data-v-
|
|
1311
|
+
.reply-input-wrapper[data-v-8da57f9c] .superdoc-field:focus,
|
|
1312
|
+
.reply-input-wrapper[data-v-8da57f9c] .superdoc-field:active {
|
|
1313
1313
|
border: none;
|
|
1314
1314
|
box-shadow: none;
|
|
1315
1315
|
outline: none;
|
|
1316
1316
|
}
|
|
1317
|
-
.reply-input-wrapper[data-v-
|
|
1317
|
+
.reply-input-wrapper[data-v-8da57f9c] .sd-editor-placeholder::before {
|
|
1318
1318
|
content: 'Reply or add others with @';
|
|
1319
1319
|
}
|
|
1320
|
-
.reply-actions[data-v-
|
|
1320
|
+
.reply-actions[data-v-8da57f9c] {
|
|
1321
1321
|
display: flex;
|
|
1322
1322
|
justify-content: flex-end;
|
|
1323
1323
|
align-items: center;
|
|
1324
1324
|
gap: 16px;
|
|
1325
1325
|
margin-top: 8px;
|
|
1326
1326
|
}
|
|
1327
|
-
.reply-btn-cancel[data-v-
|
|
1327
|
+
.reply-btn-cancel[data-v-8da57f9c] {
|
|
1328
1328
|
background: none;
|
|
1329
1329
|
border: none;
|
|
1330
1330
|
font-size: 13px;
|
|
@@ -1335,10 +1335,10 @@ img[data-v-c95b2073] {
|
|
|
1335
1335
|
font-family: inherit;
|
|
1336
1336
|
transition: color 150ms;
|
|
1337
1337
|
}
|
|
1338
|
-
.reply-btn-cancel[data-v-
|
|
1338
|
+
.reply-btn-cancel[data-v-8da57f9c]:hover {
|
|
1339
1339
|
color: var(--sd-ui-text, #212121);
|
|
1340
1340
|
}
|
|
1341
|
-
.reply-btn-primary[data-v-
|
|
1341
|
+
.reply-btn-primary[data-v-8da57f9c] {
|
|
1342
1342
|
background: var(--sd-ui-action, #1355ff);
|
|
1343
1343
|
border: none;
|
|
1344
1344
|
font-size: 13px;
|
|
@@ -1350,19 +1350,19 @@ img[data-v-c95b2073] {
|
|
|
1350
1350
|
font-family: inherit;
|
|
1351
1351
|
transition: background 150ms;
|
|
1352
1352
|
}
|
|
1353
|
-
.reply-btn-primary[data-v-
|
|
1353
|
+
.reply-btn-primary[data-v-8da57f9c]:hover {
|
|
1354
1354
|
background: var(--sd-ui-action-hover, #0f44cc);
|
|
1355
1355
|
}
|
|
1356
|
-
.reply-btn-primary.sd-is-disabled[data-v-
|
|
1356
|
+
.reply-btn-primary.sd-is-disabled[data-v-8da57f9c] {
|
|
1357
1357
|
background: var(--sd-color-gray-400, #dbdbdb);
|
|
1358
1358
|
color: var(--sd-color-gray-600, #888888);
|
|
1359
1359
|
cursor: default;
|
|
1360
1360
|
pointer-events: none;
|
|
1361
1361
|
}
|
|
1362
|
-
.existing-internal-input[data-v-
|
|
1362
|
+
.existing-internal-input[data-v-8da57f9c] {
|
|
1363
1363
|
margin-bottom: 10px;
|
|
1364
1364
|
}
|
|
1365
|
-
.sd-internal-dropdown[data-v-
|
|
1365
|
+
.sd-internal-dropdown[data-v-8da57f9c] {
|
|
1366
1366
|
display: inline-block;
|
|
1367
1367
|
}
|
|
1368
1368
|
|