Redesign toast UX: compact layout, progress bar, title-only mode
- Replace heavy colored header strip with inline icon+title header
- Add thin bottom progress bar showing remaining lifetime
- Support title-only compact single-line toasts (no text = no body padding)
- Increase tinted background opacity from 0.06 to 0.18 for visibility
- Fix vanilla toast defaults: all variants now use lifetime=4000, alone=true
- Add demo buttons for title-only variants in both vanilla and Vue demos
- Remove hover effect from toast close button
- Adjust close button position (top: 5px) and progress bar margin (1px)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
1 parent 5cdd81d commit 62670955fb252c06b460a6b1f247285093a42b22
@Eugene Sukhodolskiy Eugene Sukhodolskiy authored 10 hours ago
Showing 17 changed files
View
demo/partials/toasts.html
View
demo/partials/vue/toasts.html
View
dist/css/demo.css
View
dist/css/demo.css.map
View
dist/css/kit.css
View
dist/css/kit.css.map
View
dist/index.html
View
dist/js/gnexus-ui-kit.esm.js
View
dist/js/gnexus-ui-kit.esm.js.map
View
dist/js/gnexus-ui-kit.js
View
dist/js/gnexus-ui-kit.js.map
View
dist/vue.html
View
dist/vue/index.js
View
dist/vue/index.js.map
View
src/js/components/toasts.js
View
src/scss/components/_toasts.scss
View
src/vue/components/GnToastProvider.js