Conversation
Edited 11 days ago
Вышла версия 1.2.0 библиотеки NativeUI!
Show content

SourceForge: https://sourceforge.net/projects/nativeui/ Демо-страница: https://nativeui.sourceforge.io/

Что нового:

  • Добавлен элемент интерфейса «навигационная цепочка» (также известный как «хлебные крошки» или breadcrumbs). Поддерживает сворачивание и разворачивание для длинных путей.
  • Мобильное меню теперь не использует position: fixed, что обеспечивает корректную работу внутри модальных окон.
  • Изменена анимация в мобильном меню с перелистывания на плавное появление с увеличением. Теперь анимации используют translate, что обеспечивает аппаратное ускорение средствами GPU и предотвращает пересчёт (reflow) позиций и размеров элементов.
  • В просмотрщике изображений (modalViewer()) теперь срабатывает перелистывание методом drag’n’drop, если изображение увеличено, но не выходит за пределы окна просмотра.
  • modalViewer() теперь поддерживает опцию fullscreen, которая указывает на запуск просмотрщика в полноэкранном режиме. Её можно передать через объект вторым аргументом функции modalViewer(), либо указать в объекте app.modalViewerDefaults.
  • Padding теперь задан не для .modal-window, а для .modal-content — корневого элемента, в котором находится содержимое модального окна.
  • Функции modalClose() и modalViewer() теперь ожидают завершения анимаций, длительность которых задаётся в CSS. Ранее длительность анимаций была продублирована в CSS и JS, что требовалось учитывать при изменении CSS.
  • Левый padding у select теперь такой же, как и у кнопок.
  • Ссылки (<a>) на изображения, открываемые в просмотрщике, теперь поддерживают атрибут data-load-url, позволяющий указать альтернативную ссылку для загружаемого в просмотрщике изображения.
  • Таблицы с сортировкой table.sortable теперь поддерживают строки, закреплённые сверху или снизу (tr.fixed-top и tr.fixed-bottom соответственно).
  • SVG внутри CSS теперь заключен в двойные кавычки (url("data:image/svg+xml,…")) для кроссбраузерной совместимости. При использовании одинарных кавычек в некоторых старых браузерах SVG не отображается.
  • Для псевдоэлементов :after с clear: both добавлен font-size: 0. Это гарантирует, что они будут иметь нулевую высоту.
  • Функция getClosest() теперь останавливается на элементе, который не является instanceof HTMLElement (обычно на корневом элементе <html>), и не вызывает для него callback.
  • Небольшие исправления и косметические улучшения в коде.
0
0
1