|
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> |
|---|
|
|
| demo/partials/toasts.html |
|---|
| demo/partials/vue/toasts.html |
|---|
| dist/css/demo.css |
|---|
| dist/css/demo.css.map |
|---|
| dist/css/kit.css |
|---|
| dist/css/kit.css.map |
|---|
| dist/index.html |
|---|
| dist/js/gnexus-ui-kit.esm.js |
|---|
| dist/js/gnexus-ui-kit.esm.js.map |
|---|
| dist/js/gnexus-ui-kit.js |
|---|
| dist/js/gnexus-ui-kit.js.map |
|---|
| dist/vue.html |
|---|
| dist/vue/index.js |
|---|
| dist/vue/index.js.map |
|---|
| src/js/components/toasts.js |
|---|
| src/scss/components/_toasts.scss |
|---|
| src/vue/components/GnToastProvider.js |
|---|