@helpway/react 0.4.1 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -0
- package/dist/index.d.ts +29 -7
- package/dist/index.js +135 -103
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/themed/styles.css +5 -72
package/package.json
CHANGED
package/src/themed/styles.css
CHANGED
|
@@ -1322,33 +1322,19 @@
|
|
|
1322
1322
|
box-sizing: border-box;
|
|
1323
1323
|
}
|
|
1324
1324
|
|
|
1325
|
-
/* Meta
|
|
1325
|
+
/* Meta — always visible timestamp below bubble */
|
|
1326
1326
|
.hw-msg-meta {
|
|
1327
1327
|
display: inline-flex;
|
|
1328
1328
|
align-items: center;
|
|
1329
1329
|
gap: 4px;
|
|
1330
1330
|
font-size: 11px;
|
|
1331
1331
|
color: var(--hw-text-3);
|
|
1332
|
-
margin-top:
|
|
1332
|
+
margin-top: 2px;
|
|
1333
1333
|
padding: 0 4px;
|
|
1334
|
-
opacity: 0;
|
|
1335
1334
|
font-variant-numeric: tabular-nums;
|
|
1336
|
-
min-height: 0;
|
|
1337
|
-
height: 0;
|
|
1338
|
-
overflow: hidden;
|
|
1339
|
-
transition:
|
|
1340
|
-
opacity 140ms ease,
|
|
1341
|
-
height 140ms ease;
|
|
1342
|
-
}
|
|
1343
|
-
|
|
1344
|
-
.hw-msg:hover .hw-msg-meta,
|
|
1345
|
-
.hw-msg:focus-within .hw-msg-meta {
|
|
1346
|
-
opacity: 1;
|
|
1347
|
-
height: 20px;
|
|
1348
|
-
min-height: 20px;
|
|
1349
1335
|
}
|
|
1350
1336
|
|
|
1351
|
-
.hw-msg-
|
|
1337
|
+
.hw-msg-time {
|
|
1352
1338
|
white-space: nowrap;
|
|
1353
1339
|
}
|
|
1354
1340
|
|
|
@@ -2380,7 +2366,7 @@
|
|
|
2380
2366
|
visualViewport isn't supported or not yet measured. */
|
|
2381
2367
|
height: var(--hw-visible-height, 100%);
|
|
2382
2368
|
border-radius: 0;
|
|
2383
|
-
animation: hw-mob-up 0.3s cubic-bezier(0.
|
|
2369
|
+
animation: hw-mob-up 0.3s cubic-bezier(0.22, 1, 0.36, 1);
|
|
2384
2370
|
}
|
|
2385
2371
|
.hw-window--closing {
|
|
2386
2372
|
animation: hw-mob-down 0.2s ease forwards;
|
|
@@ -3216,15 +3202,6 @@
|
|
|
3216
3202
|
.hw-composer-preview-remove {
|
|
3217
3203
|
opacity: 0.7;
|
|
3218
3204
|
}
|
|
3219
|
-
.hw-msg-meta {
|
|
3220
|
-
opacity: 1;
|
|
3221
|
-
height: auto;
|
|
3222
|
-
min-height: 20px;
|
|
3223
|
-
overflow: visible;
|
|
3224
|
-
}
|
|
3225
|
-
.hw-msg-copy {
|
|
3226
|
-
opacity: 1;
|
|
3227
|
-
}
|
|
3228
3205
|
}
|
|
3229
3206
|
|
|
3230
3207
|
/* ════════════════════════════════════════════════
|
|
@@ -3270,46 +3247,7 @@
|
|
|
3270
3247
|
MESSAGE COPY BUTTON
|
|
3271
3248
|
════════════════════════════════════════════════ */
|
|
3272
3249
|
|
|
3273
|
-
.
|
|
3274
|
-
display: inline-flex;
|
|
3275
|
-
align-items: center;
|
|
3276
|
-
justify-content: center;
|
|
3277
|
-
width: 20px;
|
|
3278
|
-
height: 20px;
|
|
3279
|
-
margin-left: 4px;
|
|
3280
|
-
border: none;
|
|
3281
|
-
border-radius: 4px;
|
|
3282
|
-
background: none;
|
|
3283
|
-
color: var(--hw-text-4);
|
|
3284
|
-
cursor: pointer;
|
|
3285
|
-
vertical-align: middle;
|
|
3286
|
-
opacity: 0;
|
|
3287
|
-
transition:
|
|
3288
|
-
color 0.15s,
|
|
3289
|
-
background 0.15s,
|
|
3290
|
-
opacity 0.15s;
|
|
3291
|
-
padding: 0;
|
|
3292
|
-
flex-shrink: 0;
|
|
3293
|
-
}
|
|
3294
|
-
|
|
3295
|
-
.hw-msg:hover .hw-msg-copy,
|
|
3296
|
-
.hw-msg:focus-within .hw-msg-copy {
|
|
3297
|
-
opacity: 1;
|
|
3298
|
-
}
|
|
3299
|
-
|
|
3300
|
-
.hw-msg-copy:hover {
|
|
3301
|
-
background: var(--hw-bg-hover);
|
|
3302
|
-
color: var(--hw-text-2);
|
|
3303
|
-
}
|
|
3304
|
-
|
|
3305
|
-
.hw-msg-copy svg {
|
|
3306
|
-
width: 12px;
|
|
3307
|
-
height: 12px;
|
|
3308
|
-
}
|
|
3309
|
-
|
|
3310
|
-
.hw-msg-copy--done {
|
|
3311
|
-
color: #22c55e;
|
|
3312
|
-
}
|
|
3250
|
+
/* Copy button removed — see message-bubble.tsx */
|
|
3313
3251
|
|
|
3314
3252
|
/* ════════════════════════════════════════════════
|
|
3315
3253
|
DISCONNECT BANNER
|
|
@@ -3868,11 +3806,6 @@
|
|
|
3868
3806
|
color: #f87171;
|
|
3869
3807
|
}
|
|
3870
3808
|
|
|
3871
|
-
.hw-msg-copy:hover {
|
|
3872
|
-
background: var(--hw-bg-hover);
|
|
3873
|
-
color: var(--hw-text-2);
|
|
3874
|
-
}
|
|
3875
|
-
|
|
3876
3809
|
.hw-resolved {
|
|
3877
3810
|
border-color: var(--hw-border);
|
|
3878
3811
|
}
|