Skip to content

Commit bc6259e

Browse files
committed
Release 3.0.0
1 parent 02faca6 commit bc6259e

32 files changed

+792
-1303
lines changed

CHANGELOG.md

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,79 @@
1+
## 3.0.0 (10.10.2022)
2+
3+
This version requires Angular v14 and Node 14.15.0 (or later). Follow the [Angular update guide](https://update.angular.io/?l=3&v=13.0-14.0) to migrate your project to Angular 14:
4+
5+
### Breaking changes:
6+
7+
- Added support for Angular 14, this Angular version is now required,
8+
- Removed `~` from styles imports, this syntax is now deprecated
9+
- Updated [calendar](https://mdbootstrap.com/docs/angular/plugins/calendar/) plugin:
10+
- redesigned toolbar, events, views and modals
11+
- replaced view toggle buttons with select
12+
- created an `Add event` button
13+
- added [blur](https://mdbootstrap.com/docs/angular/plugins/calendar/#section-blur/) option to style past events
14+
- improved long events styling
15+
- improved responsiveness
16+
- Design changes:
17+
- Changed shadows for components such as [card](https://mdbootstrap.com/docs/angular/components/cards/), [popover](https://mdbootstrap.com/docs/angular/components/popovers/), [toast](https://mdbootstrap.com/docs/angular/components/toasts/), [modal](https://mdbootstrap.com/docs/angular/components/modal/), [image hoverable](https://mdbootstrap.com/docs/angular/content-styles/images/), [dropdown menu](https://mdbootstrap.com/docs/angular/components/dropdowns/), [popconfirm](https://mdbootstrap.com/docs/angular/components/popconfirm/)
18+
- Changed styling of border for [card](https://mdbootstrap.com/docs/angular/components/cards/), [modal](https://mdbootstrap.com/docs/angular/components/modal/), header and footer
19+
- Changed [table](https://mdbootstrap.com/docs/angular/data/tables/) font weight and text color
20+
- Changed [checkbox](https://mdbootstrap.com/docs/angular/forms/checkbox/) and [radio](https://mdbootstrap.com/docs/angular/forms/radio/) border color
21+
- Changed [switch](https://mdbootstrap.com/docs/angular/forms/switch/) background color
22+
- Changed [checkbox](https://mdbootstrap.com/docs/angular/forms/checkbox/) border radius size
23+
- Changed [list group](https://mdbootstrap.com/docs/angular/components/list-group/), [pagination](https://mdbootstrap.com/docs/angular/navigation/pagination/) and [dropdown](https://mdbootstrap.com/docs/angular/components/dropdowns/) text color as it is in the body
24+
- Changed [toast](https://mdbootstrap.com/docs/angular/components/toasts/) color palette
25+
- Changed [datatables](https://mdbootstrap.com/docs/angular/data/datatables/) striped and hover background color as it is in the usual table
26+
- Changed [select](https://mdbootstrap.com/docs/angular/forms/select/) states background colors
27+
- Changed [sidenav](https://mdbootstrap.com/docs/angular/navigation/sidenav/) icons colors and width of the slim version
28+
- Added new [toast](https://mdbootstrap.com/docs/angular/components/toasts/) color classes that replaced background color classes. Old: `toast bg-primary`. New: `toast toast-primary`
29+
30+
### Fixes and improvements:
31+
32+
- [Lightbox](https://mdbootstrap.com/docs/angular/components/lightbox/)
33+
- Resolved problems with zoom
34+
- Resolved problems with swipe on mobile devices
35+
- Resolved problem with display of smaller images
36+
- Fixed image position in fullscreen mode
37+
- Disabled elements will no longer be displayed inside the component modal
38+
- Fixed problems with `rebuild` method in [charts](https://mdbootstrap.com/docs/angular/data/charts/)
39+
- Replaced hardcoded color values with SCSS variables in [autocomplete](https://mdbootstrap.com/docs/angular/forms/autocomplete/) and [select](https://mdbootstrap.com/docs/angular/forms/select/)
40+
- Resolved problem with [carousel](https://mdbootstrap.com/docs/angular/components/carousel/) animations inside a component with OnPush change detection strategy
41+
- Position of dropdown menus in all components will be now correctly updated on scroll event
42+
- Resolved problem with fade animation in [tabs](https://mdbootstrap.com/docs/angular/components/tabs/)
43+
- Label values in [select](https://mdbootstrap.com/docs/angular/forms/select/) will be now dynamically updated on option label change
44+
- All event listeners in the [WYSIWYG](https://mdbootstrap.com/docs/angular/plugins/wysiwyg-editor/) plugin will be now correctly removed when component is destroyed
45+
- Resolved problem with [input](https://mdbootstrap.com/docs/angular/forms/input-fields/) label position when browser autofill is used
46+
47+
### New:
48+
49+
- Addew new [countdown plugin](https://mdbootstrap.com/docs/angular/plugins/countdown/)</a>
50+
- Addew new [input mask plugin](https://mdbootstrap.com/docs/angular/plugins/input-mask/)
51+
- Addew new [parallax plugin](https://mdbootstrap.com/docs/angular/plugins/parallax/)
52+
- Addew new [multi range component](https://mdbootstrap.com/docs/angular/components/multi-range-slider/)
53+
- Added new `[fade]` input that allow to toggle fade animations in [tabs](https://mdbootstrap.com/docs/angular/components/tabs/)
54+
55+
### Design updates:
56+
57+
- Updated icon colors of basic light navbar and footer with secondary color
58+
- Added new horizontal dividers classes `.hr` and `.hr-blurry`
59+
- Updated styles of vertical divider class `.vr` and add new class `.vr-blurry`
60+
- Added new sidenav with menu categories and class `.sidenav-sm`
61+
- Added new `object-fit` and `object-position` utilities
62+
63+
### Removed:
64+
65+
- Deprecated button close classes. Old: `.close`. New: `.btn-close` and `.btn-close-white`
66+
- Deprecated embed classes. Old: `.embed`. New: `.ratio`
67+
- Deprecated flag classes. Check [flags](https://mdbootstrap.com/docs/angular/content-styles/flags/) docs
68+
- Deprecated utils
69+
70+
### Deprecated:
71+
72+
- `.divider-horizontal` and `.divider-horizontal-blurry`
73+
- `.divider-vertical` and `.divider-vertical-blurry`
74+
75+
---
76+
177
## 2.3.0 (27.06.2022)
278

379
### Fixes and improvements

README.txt

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
MDB 5 Angular
22

3-
Version: FREE 2.3.0
3+
Version: FREE 3.0.0
44

55
Documentation:
66
https://mdbootstrap.com/docs/b5/angular/

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "mdb-angular-ui-kit-free",
3-
"version": "2.3.0",
3+
"version": "3.0.0",
44
"scripts": {
55
"ng": "ng",
66
"start": "ng serve",

projects/mdb-angular-ui-kit/CHANGELOG.md

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,79 @@
1+
## 3.0.0 (10.10.2022)
2+
3+
This version requires Angular v14 and Node 14.15.0 (or later). Follow the [Angular update guide](https://update.angular.io/?l=3&v=13.0-14.0) to migrate your project to Angular 14:
4+
5+
### Breaking changes:
6+
7+
- Added support for Angular 14, this Angular version is now required,
8+
- Removed `~` from styles imports, this syntax is now deprecated
9+
- Updated [calendar](https://mdbootstrap.com/docs/angular/plugins/calendar/) plugin:
10+
- redesigned toolbar, events, views and modals
11+
- replaced view toggle buttons with select
12+
- created an `Add event` button
13+
- added [blur](https://mdbootstrap.com/docs/angular/plugins/calendar/#section-blur/) option to style past events
14+
- improved long events styling
15+
- improved responsiveness
16+
- Design changes:
17+
- Changed shadows for components such as [card](https://mdbootstrap.com/docs/angular/components/cards/), [popover](https://mdbootstrap.com/docs/angular/components/popovers/), [toast](https://mdbootstrap.com/docs/angular/components/toasts/), [modal](https://mdbootstrap.com/docs/angular/components/modal/), [image hoverable](https://mdbootstrap.com/docs/angular/content-styles/images/), [dropdown menu](https://mdbootstrap.com/docs/angular/components/dropdowns/), [popconfirm](https://mdbootstrap.com/docs/angular/components/popconfirm/)
18+
- Changed styling of border for [card](https://mdbootstrap.com/docs/angular/components/cards/), [modal](https://mdbootstrap.com/docs/angular/components/modal/), header and footer
19+
- Changed [table](https://mdbootstrap.com/docs/angular/data/tables/) font weight and text color
20+
- Changed [checkbox](https://mdbootstrap.com/docs/angular/forms/checkbox/) and [radio](https://mdbootstrap.com/docs/angular/forms/radio/) border color
21+
- Changed [switch](https://mdbootstrap.com/docs/angular/forms/switch/) background color
22+
- Changed [checkbox](https://mdbootstrap.com/docs/angular/forms/checkbox/) border radius size
23+
- Changed [list group](https://mdbootstrap.com/docs/angular/components/list-group/), [pagination](https://mdbootstrap.com/docs/angular/navigation/pagination/) and [dropdown](https://mdbootstrap.com/docs/angular/components/dropdowns/) text color as it is in the body
24+
- Changed [toast](https://mdbootstrap.com/docs/angular/components/toasts/) color palette
25+
- Changed [datatables](https://mdbootstrap.com/docs/angular/data/datatables/) striped and hover background color as it is in the usual table
26+
- Changed [select](https://mdbootstrap.com/docs/angular/forms/select/) states background colors
27+
- Changed [sidenav](https://mdbootstrap.com/docs/angular/navigation/sidenav/) icons colors and width of the slim version
28+
- Added new [toast](https://mdbootstrap.com/docs/angular/components/toasts/) color classes that replaced background color classes. Old: `toast bg-primary`. New: `toast toast-primary`
29+
30+
### Fixes and improvements:
31+
32+
- [Lightbox](https://mdbootstrap.com/docs/angular/components/lightbox/)
33+
- Resolved problems with zoom
34+
- Resolved problems with swipe on mobile devices
35+
- Resolved problem with display of smaller images
36+
- Fixed image position in fullscreen mode
37+
- Disabled elements will no longer be displayed inside the component modal
38+
- Fixed problems with `rebuild` method in [charts](https://mdbootstrap.com/docs/angular/data/charts/)
39+
- Replaced hardcoded color values with SCSS variables in [autocomplete](https://mdbootstrap.com/docs/angular/forms/autocomplete/) and [select](https://mdbootstrap.com/docs/angular/forms/select/)
40+
- Resolved problem with [carousel](https://mdbootstrap.com/docs/angular/components/carousel/) animations inside a component with OnPush change detection strategy
41+
- Position of dropdown menus in all components will be now correctly updated on scroll event
42+
- Resolved problem with fade animation in [tabs](https://mdbootstrap.com/docs/angular/components/tabs/)
43+
- Label values in [select](https://mdbootstrap.com/docs/angular/forms/select/) will be now dynamically updated on option label change
44+
- All event listeners in the [WYSIWYG](https://mdbootstrap.com/docs/angular/plugins/wysiwyg-editor/) plugin will be now correctly removed when component is destroyed
45+
- Resolved problem with [input](https://mdbootstrap.com/docs/angular/forms/input-fields/) label position when browser autofill is used
46+
47+
### New:
48+
49+
- Addew new [countdown plugin](https://mdbootstrap.com/docs/angular/plugins/countdown/)</a>
50+
- Addew new [input mask plugin](https://mdbootstrap.com/docs/angular/plugins/input-mask/)
51+
- Addew new [parallax plugin](https://mdbootstrap.com/docs/angular/plugins/parallax/)
52+
- Addew new [multi range component](https://mdbootstrap.com/docs/angular/components/multi-range-slider/)
53+
- Added new `[fade]` input that allow to toggle fade animations in [tabs](https://mdbootstrap.com/docs/angular/components/tabs/)
54+
55+
### Design updates:
56+
57+
- Updated icon colors of basic light navbar and footer with secondary color
58+
- Added new horizontal dividers classes `.hr` and `.hr-blurry`
59+
- Updated styles of vertical divider class `.vr` and add new class `.vr-blurry`
60+
- Added new sidenav with menu categories and class `.sidenav-sm`
61+
- Added new `object-fit` and `object-position` utilities
62+
63+
### Removed:
64+
65+
- Deprecated button close classes. Old: `.close`. New: `.btn-close` and `.btn-close-white`
66+
- Deprecated embed classes. Old: `.embed`. New: `.ratio`
67+
- Deprecated flag classes. Check [flags](https://mdbootstrap.com/docs/angular/content-styles/flags/) docs
68+
- Deprecated utils
69+
70+
### Deprecated:
71+
72+
- `.divider-horizontal` and `.divider-horizontal-blurry`
73+
- `.divider-vertical` and `.divider-vertical-blurry`
74+
75+
---
76+
177
## 2.3.0 (27.06.2022)
278

379
### Fixes and improvements

projects/mdb-angular-ui-kit/assets/scss/free/_card.scss

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,20 @@
88
border-top-left-radius: $card-border-radius;
99
border-top-right-radius: $card-border-radius;
1010
}
11+
12+
&[class*='bg-'] {
13+
.card-header {
14+
border-bottom-color: $card-border-color;
15+
}
16+
.card-footer {
17+
border-top-color: $card-border-color;
18+
}
19+
}
1120
}
1221

1322
.card-header {
1423
background-color: $card-header-background-color;
24+
border-bottom: $card-header-border-width solid $card-header-border-color;
1525
}
1626

1727
.card-body {
@@ -23,6 +33,7 @@
2333

2434
.card-footer {
2535
background-color: $card-footer-background-color;
36+
border-top: $card-header-border-width solid $card-header-border-color;
2637
}
2738

2839
.card-img-left {

0 commit comments

Comments
 (0)