superdoc 2.6.0-next.2 → 2.6.0-next.4
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/layout-bridge/src/cache.d.ts +4 -1
- package/dist/layout-engine/layout-bridge/src/incrementalLayout.d.ts +6 -1
- package/dist/layout-engine/layout-engine/src/footnote-anchor-index.d.ts +1 -0
- package/dist/layout-engine/painters/dom/src/renderer.d.ts +6 -8
- package/dist/style.css +111 -111
- package/dist/style.layered.css +111 -111
- package/dist/superdoc/src/components/CommentsLayer/CommentDialog.vue.d.ts +2 -2
- package/dist/superdoc/src/components/CommentsLayer/CommentInput.vue.d.ts +1 -1
- package/dist/superdoc.cjs +19 -13
- package/dist/superdoc.es.js +19 -13
- package/dist-cdn/style.layered.css +1 -1
- package/dist-cdn/superdoc.min.css +1 -1
- package/dist-cdn/superdoc.min.js +17 -17
- package/package.json +2 -2
package/dist/style.css
CHANGED
|
@@ -984,14 +984,14 @@ img[data-v-c95b2073] {
|
|
|
984
984
|
height: 16px;
|
|
985
985
|
}
|
|
986
986
|
|
|
987
|
-
.comment-entry[data-v-
|
|
987
|
+
.comment-entry[data-v-e281414b] {
|
|
988
988
|
box-sizing: border-box;
|
|
989
989
|
border-radius: 8px;
|
|
990
990
|
width: 100%;
|
|
991
991
|
max-width: 100%;
|
|
992
992
|
transition: all 250ms ease;
|
|
993
993
|
}
|
|
994
|
-
.superdoc-field[data-v-
|
|
994
|
+
.superdoc-field[data-v-e281414b] {
|
|
995
995
|
display: block;
|
|
996
996
|
box-sizing: border-box;
|
|
997
997
|
width: 100%;
|
|
@@ -1008,13 +1008,13 @@ img[data-v-c95b2073] {
|
|
|
1008
1008
|
line-height: 1.4;
|
|
1009
1009
|
overflow-y: hidden;
|
|
1010
1010
|
}
|
|
1011
|
-
.superdoc-field[data-v-
|
|
1011
|
+
.superdoc-field[data-v-e281414b]:focus {
|
|
1012
1012
|
outline: none;
|
|
1013
1013
|
border-color: #4f7cff;
|
|
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-969c9a8f] {
|
|
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-969c9a8f]:not(.is-active) {
|
|
1037
1037
|
cursor: pointer;
|
|
1038
1038
|
}
|
|
1039
|
-
.comments-dialog[data-v-
|
|
1039
|
+
.comments-dialog[data-v-969c9a8f]: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-969c9a8f]: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-969c9a8f] {
|
|
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-969c9a8f] {
|
|
1053
1053
|
background-color: var(--sd-ui-comments-card-resolved-bg, #f0f0f0);
|
|
1054
1054
|
}
|
|
1055
|
-
.comment-separator[data-v-
|
|
1055
|
+
.comment-separator[data-v-969c9a8f] {
|
|
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-969c9a8f] {
|
|
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-969c9a8f] p {
|
|
1068
1068
|
margin: 0;
|
|
1069
1069
|
}
|
|
1070
|
-
.tracked-change[data-v-
|
|
1070
|
+
.tracked-change[data-v-969c9a8f] {
|
|
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-969c9a8f] {
|
|
1077
1077
|
color: var(--sd-ui-comments-body-text, #212121);
|
|
1078
1078
|
}
|
|
1079
|
-
.tracked-change-text[data-v-
|
|
1079
|
+
.tracked-change-text[data-v-969c9a8f] {
|
|
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-969c9a8f] {
|
|
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-969c9a8f] {
|
|
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-969c9a8f] {
|
|
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-969c9a8f] {
|
|
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-969c9a8f] {
|
|
1096
1096
|
margin-top: 4px;
|
|
1097
1097
|
}
|
|
1098
|
-
.tracked-change-detail-line[data-v-
|
|
1098
|
+
.tracked-change-detail-line[data-v-969c9a8f] {
|
|
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-969c9a8f] {
|
|
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-969c9a8f] {
|
|
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-969c9a8f] {
|
|
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-969c9a8f] {
|
|
1138
1138
|
flex-shrink: 0;
|
|
1139
1139
|
}
|
|
1140
1140
|
|
|
1141
1141
|
/* ── Resolved badge ── */
|
|
1142
|
-
.resolved-badge[data-v-
|
|
1142
|
+
.resolved-badge[data-v-969c9a8f] {
|
|
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-969c9a8f] {
|
|
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-969c9a8f] 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-969c9a8f],
|
|
1164
|
+
.tracked-change.is-truncated[data-v-969c9a8f] {
|
|
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-969c9a8f],
|
|
1172
|
+
.tracked-change.is-scrollable[data-v-969c9a8f] {
|
|
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-969c9a8f] {
|
|
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-969c9a8f]:hover {
|
|
1186
1186
|
text-decoration: underline;
|
|
1187
1187
|
}
|
|
1188
1188
|
|
|
1189
1189
|
/* ── Thread collapse ── */
|
|
1190
|
-
.collapsed-replies[data-v-
|
|
1190
|
+
.collapsed-replies[data-v-969c9a8f] {
|
|
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-969c9a8f]:hover {
|
|
1202
1202
|
text-decoration: underline;
|
|
1203
1203
|
}
|
|
1204
|
-
.collapsed-avatars[data-v-
|
|
1204
|
+
.collapsed-avatars[data-v-969c9a8f] {
|
|
1205
1205
|
display: flex;
|
|
1206
1206
|
}
|
|
1207
|
-
.collapsed-avatars .mini-avatar[data-v-
|
|
1207
|
+
.collapsed-avatars .mini-avatar[data-v-969c9a8f] {
|
|
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-969c9a8f]: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-969c9a8f] {
|
|
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-969c9a8f]: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-969c9a8f] .comment-entry {
|
|
1232
1232
|
border-radius: 0;
|
|
1233
1233
|
}
|
|
1234
|
-
.new-comment-input-wrapper[data-v-
|
|
1234
|
+
.new-comment-input-wrapper[data-v-969c9a8f] .input-section {
|
|
1235
1235
|
margin: 0;
|
|
1236
1236
|
}
|
|
1237
|
-
.new-comment-input-wrapper[data-v-
|
|
1237
|
+
.new-comment-input-wrapper[data-v-969c9a8f] .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-969c9a8f] .superdoc-field:focus,
|
|
1249
|
+
.new-comment-input-wrapper[data-v-969c9a8f] .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-969c9a8f] .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-969c9a8f] {
|
|
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-969c9a8f]:hover {
|
|
1274
1274
|
background: var(--sd-color-gray-200, #f2f2f2);
|
|
1275
1275
|
}
|
|
1276
|
-
.reply-pill[data-v-
|
|
1276
|
+
.reply-pill[data-v-969c9a8f]:disabled {
|
|
1277
1277
|
cursor: not-allowed;
|
|
1278
1278
|
}
|
|
1279
|
-
.reply-expanded[data-v-
|
|
1279
|
+
.reply-expanded[data-v-969c9a8f] {
|
|
1280
1280
|
margin-top: 10px;
|
|
1281
1281
|
}
|
|
1282
|
-
.reply-input-wrapper[data-v-
|
|
1282
|
+
.reply-input-wrapper[data-v-969c9a8f] {
|
|
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-969c9a8f]: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-969c9a8f] .comment-entry {
|
|
1295
1295
|
border-radius: 0;
|
|
1296
1296
|
}
|
|
1297
|
-
.reply-input-wrapper[data-v-
|
|
1297
|
+
.reply-input-wrapper[data-v-969c9a8f] .input-section {
|
|
1298
1298
|
margin: 0;
|
|
1299
1299
|
}
|
|
1300
|
-
.reply-input-wrapper[data-v-
|
|
1300
|
+
.reply-input-wrapper[data-v-969c9a8f] .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-969c9a8f] .superdoc-field:focus,
|
|
1312
|
+
.reply-input-wrapper[data-v-969c9a8f] .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-969c9a8f] .sd-editor-placeholder::before {
|
|
1318
1318
|
content: 'Reply or add others with @';
|
|
1319
1319
|
}
|
|
1320
|
-
.reply-actions[data-v-
|
|
1320
|
+
.reply-actions[data-v-969c9a8f] {
|
|
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-969c9a8f] {
|
|
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-969c9a8f]:hover {
|
|
1339
1339
|
color: var(--sd-ui-text, #212121);
|
|
1340
1340
|
}
|
|
1341
|
-
.reply-btn-primary[data-v-
|
|
1341
|
+
.reply-btn-primary[data-v-969c9a8f] {
|
|
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-969c9a8f]: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-969c9a8f] {
|
|
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-969c9a8f] {
|
|
1363
1363
|
margin-bottom: 10px;
|
|
1364
1364
|
}
|
|
1365
|
-
.sd-internal-dropdown[data-v-
|
|
1365
|
+
.sd-internal-dropdown[data-v-969c9a8f] {
|
|
1366
1366
|
display: inline-block;
|
|
1367
1367
|
}
|
|
1368
1368
|
|
|
@@ -1976,20 +1976,20 @@ img[data-v-c95b2073] {
|
|
|
1976
1976
|
width: 16px;
|
|
1977
1977
|
}
|
|
1978
1978
|
|
|
1979
|
-
.sd-toolbar-item[data-v-
|
|
1979
|
+
.sd-toolbar-item[data-v-22817fa7] {
|
|
1980
1980
|
position: relative;
|
|
1981
1981
|
z-index: 1;
|
|
1982
1982
|
min-width: 30px;
|
|
1983
1983
|
margin: 0 calc(var(--sd-ui-toolbar-item-gap, 2px) / 2);
|
|
1984
1984
|
}
|
|
1985
|
-
.sd-visually-hidden[data-v-
|
|
1985
|
+
.sd-visually-hidden[data-v-22817fa7] {
|
|
1986
1986
|
position: absolute;
|
|
1987
1987
|
left: -9999px;
|
|
1988
1988
|
height: 1px;
|
|
1989
1989
|
width: 1px;
|
|
1990
1990
|
overflow: hidden;
|
|
1991
1991
|
}
|
|
1992
|
-
.sd-toolbar-button[data-v-
|
|
1992
|
+
.sd-toolbar-button[data-v-22817fa7] {
|
|
1993
1993
|
padding: var(--sd-ui-toolbar-item-padding, 5px);
|
|
1994
1994
|
height: var(--sd-ui-toolbar-height, 32px);
|
|
1995
1995
|
max-height: var(--sd-ui-toolbar-height, 32px);
|
|
@@ -2005,21 +2005,21 @@ img[data-v-c95b2073] {
|
|
|
2005
2005
|
position: relative;
|
|
2006
2006
|
box-sizing: border-box;
|
|
2007
2007
|
}
|
|
2008
|
-
.sd-toolbar-button[data-v-
|
|
2008
|
+
.sd-toolbar-button[data-v-22817fa7]:hover {
|
|
2009
2009
|
background-color: var(--sd-ui-toolbar-button-hover-bg, var(--sd-ui-hover-bg, #dbdbdb));
|
|
2010
2010
|
}
|
|
2011
|
-
.sd-toolbar-button:hover .sd-toolbar-icon.high-contrast[data-v-
|
|
2011
|
+
.sd-toolbar-button:hover .sd-toolbar-icon.high-contrast[data-v-22817fa7] {
|
|
2012
2012
|
color: #fff;
|
|
2013
2013
|
}
|
|
2014
|
-
.sd-toolbar-button:hover.high-contrast[data-v-
|
|
2014
|
+
.sd-toolbar-button:hover.high-contrast[data-v-22817fa7] {
|
|
2015
2015
|
background-color: #000;
|
|
2016
2016
|
color: #fff;
|
|
2017
2017
|
}
|
|
2018
|
-
.sd-toolbar-button[data-v-
|
|
2019
|
-
.sd-active[data-v-
|
|
2018
|
+
.sd-toolbar-button[data-v-22817fa7]:active,
|
|
2019
|
+
.sd-active[data-v-22817fa7] {
|
|
2020
2020
|
background-color: var(--sd-ui-toolbar-button-active-bg, var(--sd-ui-active-bg, #c8d0d8));
|
|
2021
2021
|
}
|
|
2022
|
-
.sd-button-label[data-v-
|
|
2022
|
+
.sd-button-label[data-v-22817fa7] {
|
|
2023
2023
|
overflow: hidden;
|
|
2024
2024
|
width: 100%;
|
|
2025
2025
|
text-align: center;
|
|
@@ -2029,15 +2029,15 @@ img[data-v-c95b2073] {
|
|
|
2029
2029
|
font-size: var(--sd-ui-font-size-500, 15px);
|
|
2030
2030
|
margin: 5px;
|
|
2031
2031
|
}
|
|
2032
|
-
.sd-toolbar-icon + .sd-dropdown-caret[data-v-
|
|
2032
|
+
.sd-toolbar-icon + .sd-dropdown-caret[data-v-22817fa7] {
|
|
2033
2033
|
margin-left: 4px;
|
|
2034
2034
|
}
|
|
2035
|
-
.sd-toolbar-button.split[data-v-
|
|
2035
|
+
.sd-toolbar-button.split[data-v-22817fa7] {
|
|
2036
2036
|
padding: 0;
|
|
2037
2037
|
gap: 0;
|
|
2038
2038
|
}
|
|
2039
|
-
.sd-toolbar-button.split .sd-toolbar-button__main[data-v-
|
|
2040
|
-
.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-
|
|
2039
|
+
.sd-toolbar-button.split .sd-toolbar-button__main[data-v-22817fa7],
|
|
2040
|
+
.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-22817fa7] {
|
|
2041
2041
|
display: flex;
|
|
2042
2042
|
align-items: center;
|
|
2043
2043
|
justify-content: center;
|
|
@@ -2046,12 +2046,12 @@ img[data-v-c95b2073] {
|
|
|
2046
2046
|
position: relative;
|
|
2047
2047
|
z-index: 1;
|
|
2048
2048
|
}
|
|
2049
|
-
.sd-toolbar-button.split .sd-toolbar-button__main[data-v-
|
|
2049
|
+
.sd-toolbar-button.split .sd-toolbar-button__main[data-v-22817fa7] {
|
|
2050
2050
|
padding: 0 3px 0 var(--sd-ui-toolbar-item-padding, 5px);
|
|
2051
2051
|
border-top-left-radius: var(--sd-ui-radius, 6px);
|
|
2052
2052
|
border-bottom-left-radius: var(--sd-ui-radius, 6px);
|
|
2053
2053
|
}
|
|
2054
|
-
.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-
|
|
2054
|
+
.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-22817fa7] {
|
|
2055
2055
|
padding: 0 4px 0 2px;
|
|
2056
2056
|
border-top-right-radius: var(--sd-ui-radius, 6px);
|
|
2057
2057
|
border-bottom-right-radius: var(--sd-ui-radius, 6px);
|
|
@@ -2060,17 +2060,17 @@ img[data-v-c95b2073] {
|
|
|
2060
2060
|
/* Unified hover: hovering anywhere on the split button highlights the whole
|
|
2061
2061
|
button so it reads as a single grouped item, with a slightly darker tint
|
|
2062
2062
|
on the half the cursor is actually over. */
|
|
2063
|
-
.sd-toolbar-button.split[data-v-
|
|
2063
|
+
.sd-toolbar-button.split[data-v-22817fa7]:hover {
|
|
2064
2064
|
background-color: var(--sd-ui-toolbar-button-hover-bg, var(--sd-ui-hover-bg, #dbdbdb));
|
|
2065
2065
|
}
|
|
2066
|
-
.sd-toolbar-button.split .sd-toolbar-button__main[data-v-
|
|
2067
|
-
.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-
|
|
2066
|
+
.sd-toolbar-button.split .sd-toolbar-button__main[data-v-22817fa7]:hover,
|
|
2067
|
+
.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-22817fa7]:hover {
|
|
2068
2068
|
background-color: var(--sd-ui-toolbar-button-active-bg, var(--sd-ui-active-bg, #c8d0d8));
|
|
2069
2069
|
}
|
|
2070
2070
|
|
|
2071
2071
|
/* Subtle divider only appears on hover, hinting at the two affordances
|
|
2072
2072
|
without making them look like separate buttons at rest. */
|
|
2073
|
-
.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-
|
|
2073
|
+
.sd-toolbar-button.split .sd-toolbar-button__caret[data-v-22817fa7]::before {
|
|
2074
2074
|
content: '';
|
|
2075
2075
|
position: absolute;
|
|
2076
2076
|
left: 0;
|
|
@@ -2080,46 +2080,46 @@ img[data-v-c95b2073] {
|
|
|
2080
2080
|
background-color: transparent;
|
|
2081
2081
|
transition: background-color 0.15s ease-out;
|
|
2082
2082
|
}
|
|
2083
|
-
.sd-toolbar-button.split:hover .sd-toolbar-button__caret[data-v-
|
|
2083
|
+
.sd-toolbar-button.split:hover .sd-toolbar-button__caret[data-v-22817fa7]::before {
|
|
2084
2084
|
background-color: var(--sd-ui-border, rgba(71, 72, 74, 0.2));
|
|
2085
2085
|
}
|
|
2086
|
-
.sd-toolbar-button.split.sd-disabled[data-v-
|
|
2087
|
-
.sd-toolbar-button.split.sd-disabled[data-v-
|
|
2086
|
+
.sd-toolbar-button.split.sd-disabled[data-v-22817fa7],
|
|
2087
|
+
.sd-toolbar-button.split.sd-disabled[data-v-22817fa7]:hover {
|
|
2088
2088
|
background-color: initial;
|
|
2089
2089
|
}
|
|
2090
|
-
.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__main[data-v-
|
|
2091
|
-
.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-
|
|
2090
|
+
.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__main[data-v-22817fa7],
|
|
2091
|
+
.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-22817fa7] {
|
|
2092
2092
|
cursor: default;
|
|
2093
2093
|
}
|
|
2094
|
-
.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__main[data-v-
|
|
2095
|
-
.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-
|
|
2094
|
+
.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__main[data-v-22817fa7]:hover,
|
|
2095
|
+
.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-22817fa7]:hover {
|
|
2096
2096
|
background-color: initial;
|
|
2097
2097
|
}
|
|
2098
|
-
.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-
|
|
2098
|
+
.sd-toolbar-button.split.sd-disabled .sd-toolbar-button__caret[data-v-22817fa7]::before {
|
|
2099
2099
|
background-color: transparent;
|
|
2100
2100
|
}
|
|
2101
|
-
.left[data-v-
|
|
2102
|
-
.right[data-v-
|
|
2101
|
+
.left[data-v-22817fa7],
|
|
2102
|
+
.right[data-v-22817fa7] {
|
|
2103
2103
|
width: 50%;
|
|
2104
2104
|
height: 100%;
|
|
2105
2105
|
background-color: #dbdbdb;
|
|
2106
2106
|
border-radius: 60%;
|
|
2107
2107
|
}
|
|
2108
|
-
.has-inline-text-input[data-v-
|
|
2108
|
+
.has-inline-text-input[data-v-22817fa7]:hover {
|
|
2109
2109
|
cursor: text;
|
|
2110
2110
|
}
|
|
2111
|
-
.sd-disabled[data-v-
|
|
2111
|
+
.sd-disabled[data-v-22817fa7] {
|
|
2112
2112
|
cursor: default;
|
|
2113
2113
|
}
|
|
2114
|
-
.sd-disabled[data-v-
|
|
2114
|
+
.sd-disabled[data-v-22817fa7]:hover {
|
|
2115
2115
|
cursor: default;
|
|
2116
2116
|
background-color: initial;
|
|
2117
2117
|
}
|
|
2118
|
-
.sd-disabled .sd-toolbar-icon[data-v-
|
|
2119
|
-
.sd-disabled .sd-button-label[data-v-
|
|
2118
|
+
.sd-disabled .sd-toolbar-icon[data-v-22817fa7],
|
|
2119
|
+
.sd-disabled .sd-button-label[data-v-22817fa7] {
|
|
2120
2120
|
opacity: 0.35;
|
|
2121
2121
|
}
|
|
2122
|
-
.button-text-input[data-v-
|
|
2122
|
+
.button-text-input[data-v-22817fa7] {
|
|
2123
2123
|
color: var(--sd-ui-toolbar-button-text, #47484a);
|
|
2124
2124
|
border-radius: 4px;
|
|
2125
2125
|
text-align: center;
|
|
@@ -2133,19 +2133,19 @@ img[data-v-c95b2073] {
|
|
|
2133
2133
|
border: 1px solid var(--sd-ui-border, #dbdbdb);
|
|
2134
2134
|
box-sizing: border-box;
|
|
2135
2135
|
}
|
|
2136
|
-
.button-text-input.high-contrast[data-v-
|
|
2136
|
+
.button-text-input.high-contrast[data-v-22817fa7] {
|
|
2137
2137
|
background-color: #fff;
|
|
2138
2138
|
}
|
|
2139
|
-
.button-text-input--font-size[data-v-
|
|
2139
|
+
.button-text-input--font-size[data-v-22817fa7] {
|
|
2140
2140
|
width: 36px;
|
|
2141
2141
|
}
|
|
2142
|
-
.button-text-input--font-family[data-v-
|
|
2142
|
+
.button-text-input--font-family[data-v-22817fa7] {
|
|
2143
2143
|
width: 88px;
|
|
2144
2144
|
}
|
|
2145
|
-
.button-text-input[data-v-
|
|
2145
|
+
.button-text-input[data-v-22817fa7]::placeholder {
|
|
2146
2146
|
color: var(--sd-ui-toolbar-button-text, #47484a);
|
|
2147
2147
|
}
|
|
2148
|
-
.sd-dropdown-caret[data-v-
|
|
2148
|
+
.sd-dropdown-caret[data-v-22817fa7] {
|
|
2149
2149
|
display: inline-flex;
|
|
2150
2150
|
align-items: center;
|
|
2151
2151
|
justify-content: center;
|
|
@@ -2154,16 +2154,16 @@ img[data-v-c95b2073] {
|
|
|
2154
2154
|
width: 10px;
|
|
2155
2155
|
height: 10px;
|
|
2156
2156
|
}
|
|
2157
|
-
.sd-toolbar-item--doc-mode-compact .sd-button-label[data-v-
|
|
2157
|
+
.sd-toolbar-item--doc-mode-compact .sd-button-label[data-v-22817fa7] {
|
|
2158
2158
|
display: none;
|
|
2159
2159
|
}
|
|
2160
|
-
.sd-toolbar-item--doc-mode-compact .sd-toolbar-icon[data-v-
|
|
2160
|
+
.sd-toolbar-item--doc-mode-compact .sd-toolbar-icon[data-v-22817fa7] {
|
|
2161
2161
|
margin-right: 5px;
|
|
2162
2162
|
}
|
|
2163
|
-
.sd-toolbar-item--linked-styles-compact[data-v-
|
|
2163
|
+
.sd-toolbar-item--linked-styles-compact[data-v-22817fa7] {
|
|
2164
2164
|
width: auto !important;
|
|
2165
2165
|
}
|
|
2166
|
-
.sd-toolbar-item--linked-styles-compact .sd-button-label[data-v-
|
|
2166
|
+
.sd-toolbar-item--linked-styles-compact .sd-button-label[data-v-22817fa7] {
|
|
2167
2167
|
display: none;
|
|
2168
2168
|
}
|
|
2169
2169
|
|