Repository navigation
AbstractCore v2.21.0
The web console works on phones, tablets and any window size, following the AbstractFramework
responsive system of @abstractframework/ui-kit 0.3.2.
Added
abstractcore.console.themes.KIT_RESPONSIVE_CSS: the UI kit's responsive token layer
(--tap-min,--vh-full,--safe-*,--gutter, the coarse-pointer floors,
text-size-adjust).abstractcore.console.theme_syncgenerates it with the themes and refuses
a kit without that layer.themes.pyis regenerated from ui-kit 0.3.2.
Changed
- Web console (
/console): it uses the framework breakpoints (480, 768, 1024 and 1440 px wide,
500 px tall),viewport-fit=cover, and safe-area padding on the top bar, tabs and page.
Dialogs open as bottom sheets below 768 px wide or 500 px tall. On touch screens, targets are
44 px, fields use 16 px text, native selects show a drawn chevron at 44 px, and table text is
14 px. Card and form grids stay within their pane. - On phones, the console's tables scroll sideways inside their frame, and long artifact ids stay
on one line with an ellipsis (the full id is the tooltip).
Fixed
- Long configuration paths in the Providers and Email tabs wrap inside their pane.
- The Overview key/value cards (Engines) stay within the page at 320 px and with the largest font
size.