feedbackkit-web 1.0.40 → 1.0.42

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.
@@ -1431,7 +1431,10 @@ button:disabled { cursor: not-allowed; opacity: 0.45; }
1431
1431
  box-shadow: 0 0 0 1px var(--fk-border);
1432
1432
  }
1433
1433
  .fk-swatch[aria-pressed="true"] { box-shadow: 0 0 0 2px var(--fk-text); }
1434
- .fk-hint { margin-left: auto; font-size: 12px; color: var(--fk-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
1434
+ /* Shrinks (with an ellipsis) instead of wrapping onto its own line: hints
1435
+ differ in length per tool, and a toolbar that changed height on every tool
1436
+ switch would make the screenshot below jump mid-annotation. */
1437
+ .fk-hint { flex: 1 1 0; min-width: 0; margin-left: auto; text-align: right; font-size: 12px; color: var(--fk-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
1435
1438
  .fk-canvas-wrap {
1436
1439
  position: relative;
1437
1440
  flex: 1;
@@ -1822,6 +1825,7 @@ class Dialog {
1822
1825
  toolbar.append(this.undoButton, this.clearButton);
1823
1826
  this.hint = el("span", "fk-hint");
1824
1827
  this.hint.textContent = HINTS.pen;
1828
+ this.hint.title = HINTS.pen;
1825
1829
  toolbar.append(this.hint);
1826
1830
  const wrap = el("div", "fk-canvas-wrap");
1827
1831
  if (this.shot) {
@@ -1852,6 +1856,7 @@ class Dialog {
1852
1856
  this.editor?.setTool(tool);
1853
1857
  this.toolButtons.forEach((b, t) => b.setAttribute("aria-pressed", String(t === tool)));
1854
1858
  this.hint.textContent = HINTS[tool];
1859
+ this.hint.title = HINTS[tool];
1855
1860
  }
1856
1861
  // ---------------------------------------------------------------- composer
1857
1862
  buildComposer() {