Closed Youyou-smiles closed 4 days ago
The changes in this pull request primarily focus on updates to the alert component's styling and structure. This includes modifications to CSS properties in test files, adjustments to the alert component's size, and enhancements to the corresponding LESS files. Additionally, a new constant for a "simple" alert type has been introduced in the Vue component, expanding the alert's categorization options.
Files | Change Summary |
---|---|
examples/sites/demos/pc/app/alert/*.spec.ts |
Updated expected CSS properties for alert boxes, including background and border-bottom colors for four alert types, and modified the expected height for the tiny-alert--large class. |
packages/theme/src/alert/*.less |
Added align-items: center; to the alert container, removed margins for the alert icon and title, and updated the is-center class for content alignment. |
packages/theme/src/alert/vars.less |
Removed and updated several CSS variables related to the alert component's styling, including icon margin, font size, and title margin. |
packages/vue/src/alert/src/index.ts |
Introduced a new constant simple with the value 'icon-help' to the $constants object, adding a new alert type. |
enhancement
🐰 In the meadow, bright alerts do sing,
Colors changing, oh what joy they bring!
With icons simple, and styles anew,
Our alerts now dance in a vibrant hue.
Hooray for updates, let’s hop and cheer,
For every change brings us closer, my dear! 🌼
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
PR
PR Checklist
Please check if your PR fulfills the following requirements:
PR Type
What kind of change does this PR introduce?
What is the current behavior?
Issue Number: N/A
What is the new behavior?
Does this PR introduce a breaking change?
Other information
Summary by CodeRabbit