@richhtmleditor/themes 1.2.0 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@richhtmleditor/themes",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "CSS themes for Rich HTML Editor.",
   "type": "module",
   "style": "./src/richhtmleditor.css",

package/src/richhtmleditor.css

@@ -3399,6 +3399,17 @@ del.de-track-delete,
   overflow-y: auto;
   flex: 1;
   min-height: 0;
+  scrollbar-width: thin;
+  scrollbar-color: color-mix(in srgb, var(--de-text-muted, #6b7280) 25%, transparent) transparent;
+}
+.de-shortcut-help__body::-webkit-scrollbar { width: 4px; }
+.de-shortcut-help__body::-webkit-scrollbar-track { background: transparent; }
+.de-shortcut-help__body::-webkit-scrollbar-thumb {
+  background: color-mix(in srgb, var(--de-text-muted, #6b7280) 25%, transparent);
+  border-radius: 4px;
+}
+.de-shortcut-help__body::-webkit-scrollbar-thumb:hover {
+  background: color-mix(in srgb, var(--de-text-muted, #6b7280) 45%, transparent);
 }
 
 .de-shortcut-help__body[hidden] {
@@ -3470,6 +3481,41 @@ del.de-track-delete,
   line-height: 1.45;
 }
 
+/* Typography tab */
+.de-shortcut-help__typo-intro {
+  margin: 0 0 14px;
+  font-size: 0.85rem;
+  color: var(--de-text-muted, #6b7280);
+}
+
+.de-shortcut-help__typo-list dt {
+  min-width: 110px;
+}
+
+.de-shortcut-help__typo-input {
+  font-family: ui-monospace, monospace;
+  font-size: 0.82rem;
+  background: var(--de-bg-kbd, #f3f4f6);
+  border: 1px solid var(--de-border, #d1d5db);
+  border-radius: 4px;
+  padding: 1px 6px;
+  color: var(--de-text-primary, #111);
+  white-space: pre;
+}
+
+.de-shortcut-help__typo-output {
+  display: inline-block;
+  min-width: 24px;
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--de-primary, #2563eb);
+}
+
+.de-shortcut-help__typo-desc {
+  font-size: 0.83rem;
+  color: var(--de-text-muted, #6b7280);
+}
+
 /* Footer */
 .de-shortcut-help__footer {
   display: flex;
@@ -5284,6 +5330,60 @@ del.de-track-delete,
   color: var(--de-text-primary, #e2e8f0);
   border-color: var(--de-border, #334155);
 }
+/* Tab icon/label (label hidden on desktop, shown on mobile) */
+.de-shape-picker__tab {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 2px;
+}
+.de-shape-picker__tab-icon {
+  font-size: 15px;
+  line-height: 1;
+}
+.de-shape-picker__tab-label {
+  display: none;
+  font-size: 10px;
+  font-weight: 500;
+  line-height: 1;
+  white-space: nowrap;
+}
+/* Mobile: bottom-sheet */
+@media (max-width: 600px) {
+  .de-shape-picker--mobile {
+    width: 100% !important;
+    max-width: 100% !important;
+    border-radius: 16px 16px 0 0 !important;
+    max-height: 80vh;
+    overflow-y: auto;
+  }
+  .de-shape-picker__tab-label {
+    display: block;
+  }
+  .de-shape-picker__tab {
+    flex: 1;
+    padding: 10px 6px;
+  }
+  .de-shape-picker__grid {
+    grid-template-columns: repeat(5, 1fr);
+  }
+  .de-shape-picker__btn {
+    width: 100%;
+    height: 56px;
+  }
+  .de-shape-picker__body {
+    max-height: 50vh;
+  }
+  .de-shape-picker__footer {
+    flex-direction: column;
+    padding: 12px;
+  }
+  .de-shape-picker__insert-btn {
+    width: 100%;
+    padding: 12px;
+    font-size: 15px;
+  }
+}
 
 /* ── Print: repeat table headers on each page ── */
 @media print {