Skip to content

Endfield Vision 2.2.6

Choose a tag to compare

@bYpaws bYpaws released this 29 Oct 00:22
· 13 commits to main since this release

Layout, dialogs and overflow: fifteen fixes and small additions. Everything is backward compatible.

Fixed

  • Escape order. A list opened on mount inside a dialog (Select defaultOpen) now sits above the dialog: the first Escape closes the list, the second the dialog. Layers are ordered by DOM nesting, not by effect order.
  • Tab focus ring. The ring is drawn inside the tab, so the scrolling tab strip no longer clips it. --ev-focus-ring-inset is now truly inset; field focus has its own --ev-focus-field value.
  • Empty value dash. .ev-empty-value uses --ev-text-muted (5.8:1 in the light theme instead of 2.57:1): a dash means "no data", not a disabled element.
  • Image-only chat message. The preview keeps its 280 / 320 px width instead of collapsing to the width of the timestamp.
  • SectionTitle. No top margin when it is the first child of a dialog or card, or with flush.

New

  • Tabs overflow. Tabs that don't fit are no longer invisible: the edge with hidden tabs fades out and shows a scroll arrow, and the selected tab scrolls into view.
  • Modal submitOnEnter. Enter presses the main footer button (data-modal-submit, otherwise the last primary or danger one) unless it is disabled. Skipped in a textarea, on buttons and links, in contenteditable, with an open list and inside <form>.
  • confirm with okVariant="danger" puts focus on Cancel, so a stray Enter does nothing.
  • FormSection grid. columns and minColumn; Field span="full" (or a number of columns) and FormSection.Row for anything that should take the whole row.
  • Sizes and widths. size on FilterBar (search, Filters, Reset) and Pagination (page numbers, arrows, page size list); width on Slider with the same values as fields.
  • SettingRow layout="stacked" puts a wide control under the label at full width.
  • TreeView shows a truncated label in full in a tooltip; tooltip on a node sets your own. Tooltip gets onlyWhenTruncated.
  • Full-height pages. AppShell fill, or AppShellFill around a single page: content fits exactly between the header and the status bar, and the last child scrolls on its own (chat, editor). Pure CSS, correct on the first server render.

Install

npm install endfield-vision@2.2.6

The same build is attached to this release as an archive for installs without the registry.


По-русски

Исправлено: порядок Escape (список, открытый сразу внутри окна, закрывается первым), кольцо фокуса вкладок больше не обрезается, прочерк пустого значения - цветом вторичного текста (5,8:1), превью в сообщении чата только с картинкой не схлопывается, SectionTitle без лишнего отступа сверху. Новое: признак переполнения у Tabs (затухающий край, стрелки, прокрутка к выбранной), Modal submitOnEnter, фокус на «Отмена» в опасном confirm, FormSection columns / minColumn с Field span и FormSection.Row, size у FilterBar и Pagination, width у Slider, SettingRow layout="stacked", подсказка на обрезанной подписи TreeView, AppShell fill и AppShellFill - страница во всю высоту. Все изменения обратно совместимы.