@richhtmleditor/themes 1.2.1 → 1.2.3

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 CHANGED
@@ -6,7 +6,7 @@ Shared CSS for Rich HTML Editor — toolbar, content area, outline panel, select
6
6
 
7
7
  **Repository:** [github.com/rajkishorsahu89/richhtmleditor](https://github.com/rajkishorsahu89/richhtmleditor)
8
8
 
9
- **Demo:** [richhtmleditor.vercel.app](https://richhtmleditor.vercel.app/) — [demo](https://richhtmleditor.vercel.app/demo) · [guide](https://richhtmleditor.vercel.app/guide) · [API](https://richhtmleditor.vercel.app/api). Doc Preview joint demo: [doc-preview-app.vercel.app/demo/enterprise](https://doc-preview-app.vercel.app/demo/enterprise)
9
+ **Demo:** [richhtmleditor.stackkitlabs.com](https://richhtmleditor.stackkitlabs.com/) — [demo](https://richhtmleditor.stackkitlabs.com/demo) · [guide](https://richhtmleditor.stackkitlabs.com/guide) · [API](https://richhtmleditor.stackkitlabs.com/api). Doc Preview joint demo: [doc-preview-app.vercel.app/demo/enterprise](https://doc-preview-app.vercel.app/demo/enterprise)
10
10
 
11
11
  ### What's in 1.2.0
12
12
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@richhtmleditor/themes",
3
- "version": "1.2.1",
3
+ "version": "1.2.3",
4
4
  "description": "CSS themes for Rich HTML Editor.",
5
5
  "type": "module",
6
6
  "style": "./src/richhtmleditor.css",
@@ -3399,6 +3399,17 @@ del.de-track-delete,
3399
3399
  overflow-y: auto;
3400
3400
  flex: 1;
3401
3401
  min-height: 0;
3402
+ scrollbar-width: thin;
3403
+ scrollbar-color: color-mix(in srgb, var(--de-text-muted, #6b7280) 25%, transparent) transparent;
3404
+ }
3405
+ .de-shortcut-help__body::-webkit-scrollbar { width: 4px; }
3406
+ .de-shortcut-help__body::-webkit-scrollbar-track { background: transparent; }
3407
+ .de-shortcut-help__body::-webkit-scrollbar-thumb {
3408
+ background: color-mix(in srgb, var(--de-text-muted, #6b7280) 25%, transparent);
3409
+ border-radius: 4px;
3410
+ }
3411
+ .de-shortcut-help__body::-webkit-scrollbar-thumb:hover {
3412
+ background: color-mix(in srgb, var(--de-text-muted, #6b7280) 45%, transparent);
3402
3413
  }
3403
3414
 
3404
3415
  .de-shortcut-help__body[hidden] {
@@ -5319,6 +5330,60 @@ del.de-track-delete,
5319
5330
  color: var(--de-text-primary, #e2e8f0);
5320
5331
  border-color: var(--de-border, #334155);
5321
5332
  }
5333
+ /* Tab icon/label (label hidden on desktop, shown on mobile) */
5334
+ .de-shape-picker__tab {
5335
+ display: flex;
5336
+ flex-direction: column;
5337
+ align-items: center;
5338
+ gap: 2px;
5339
+ }
5340
+ .de-shape-picker__tab-icon {
5341
+ font-size: 15px;
5342
+ line-height: 1;
5343
+ }
5344
+ .de-shape-picker__tab-label {
5345
+ display: none;
5346
+ font-size: 10px;
5347
+ font-weight: 500;
5348
+ line-height: 1;
5349
+ white-space: nowrap;
5350
+ }
5351
+ /* Mobile: bottom-sheet */
5352
+ @media (max-width: 600px) {
5353
+ .de-shape-picker--mobile {
5354
+ width: 100% !important;
5355
+ max-width: 100% !important;
5356
+ border-radius: 16px 16px 0 0 !important;
5357
+ max-height: 80vh;
5358
+ overflow-y: auto;
5359
+ }
5360
+ .de-shape-picker__tab-label {
5361
+ display: block;
5362
+ }
5363
+ .de-shape-picker__tab {
5364
+ flex: 1;
5365
+ padding: 10px 6px;
5366
+ }
5367
+ .de-shape-picker__grid {
5368
+ grid-template-columns: repeat(5, 1fr);
5369
+ }
5370
+ .de-shape-picker__btn {
5371
+ width: 100%;
5372
+ height: 56px;
5373
+ }
5374
+ .de-shape-picker__body {
5375
+ max-height: 50vh;
5376
+ }
5377
+ .de-shape-picker__footer {
5378
+ flex-direction: column;
5379
+ padding: 12px;
5380
+ }
5381
+ .de-shape-picker__insert-btn {
5382
+ width: 100%;
5383
+ padding: 12px;
5384
+ font-size: 15px;
5385
+ }
5386
+ }
5322
5387
 
5323
5388
  /* ── Print: repeat table headers on each page ── */
5324
5389
  @media print {