Skip to content

Commit d253280

Browse files
idzarkidzark
committed
Release 1.0.0-beta3
1 parent e32140e commit d253280

20 files changed

+783
-10
lines changed

‎CHANGELOG.md‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,19 @@
1+
## 1.0.0-beta3 (19.04.2021)
2+
3+
### New components:
4+
5+
- [Alerts](https://mdbootstrap.com/docs/b5/angular/components/alerts/)
6+
- [Carousel](https://mdbootstrap.com/docs/b5/angular/components/carousel)
7+
- [Toasts](https://mdbootstrap.com/docs/b5/angular/components/toasts)
8+
9+
### Bug fixes:
10+
11+
- Datepicker - resolved problem with keyboard navigation when using `DownArrow` key,
12+
- Datepicker - resolved problem with selecting dates using `Enter/Space` keys in component with date filter,
13+
- Datepicker - added correct aria-labels to the previous/next buttons in the days view.
14+
15+
---
16+
117
## 1.0.0-beta2 (06.04.2021)
218

319
### New components:

‎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 1.0.0 Beta 2
3+
Version: FREE 1.0.0 Beta 3
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": "1.0.0-beta2",
3+
"version": "1.0.0-beta3",
44
"scripts": {
55
"ng": "ng",
66
"start": "ng serve",

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

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,19 @@
1+
## 1.0.0-beta3 (19.04.2021)
2+
3+
### New components:
4+
5+
- [Alerts](https://mdbootstrap.com/docs/b5/angular/components/alerts/)
6+
- [Carousel](https://mdbootstrap.com/docs/b5/angular/components/carousel)
7+
- [Toasts](https://mdbootstrap.com/docs/b5/angular/components/toasts)
8+
9+
### Bug fixes:
10+
11+
- Datepicker - resolved problem with keyboard navigation when using `DownArrow` key,
12+
- Datepicker - resolved problem with selecting dates using `Enter/Space` keys in component with date filter,
13+
- Datepicker - added correct aria-labels to the previous/next buttons in the days view.
14+
15+
---
16+
117
## 1.0.0-beta2 (06.04.2021)
218

319
### New components:

‎projects/mdb-angular-ui-kit/assets/scss/bootstrap/_carousel.scss‎

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -96,8 +96,11 @@
9696
align-items: center; // 2. vertically center contents
9797
justify-content: center; // 3. horizontally center contents
9898
width: $carousel-control-width;
99+
padding: 0;
99100
color: $carousel-control-color;
100101
text-align: center;
102+
background: none;
103+
border: 0;
101104
opacity: $carousel-control-opacity;
102105
@include transition($carousel-control-transition);
103106

@@ -153,10 +156,10 @@
153156
background-image: escape-svg($carousel-control-next-icon-bg);
154157
}
155158

156-
// Optional indicator pips
159+
// Optional indicator pips/controls
157160
//
158-
// Add an ordered list with the following class and add a list item for each
159-
// slide your carousel holds.
161+
// Add a container (such as a list) with the following class and add an item (ideally a focusable control,
162+
// like a button) with data-bs-target for each slide your carousel holds.
160163

161164
.carousel-indicators {
162165
position: absolute;
@@ -166,23 +169,26 @@
166169
z-index: 2;
167170
display: flex;
168171
justify-content: center;
169-
padding-left: 0; // override <ol> default
172+
padding: 0;
170173
// Use the .carousel-control's width as margin so we don't overlay those
171174
margin-right: $carousel-control-width;
175+
margin-bottom: 1rem;
172176
margin-left: $carousel-control-width;
173177
list-style: none;
174178

175-
li {
179+
button {
176180
box-sizing: content-box;
177181
flex: 0 1 auto;
178182
width: $carousel-indicator-width;
179183
height: $carousel-indicator-height;
184+
padding: 0;
180185
margin-right: $carousel-indicator-spacer;
181186
margin-left: $carousel-indicator-spacer;
182187
text-indent: -999px;
183188
cursor: pointer;
184189
background-color: $carousel-indicator-active-bg;
185190
background-clip: padding-box;
191+
border: 0;
186192
// Use transparent borders to increase the hit area by 10px on top and bottom.
187193
border-top: $carousel-indicator-hit-area-height solid transparent;
188194
border-bottom: $carousel-indicator-hit-area-height solid transparent;
@@ -218,7 +224,7 @@
218224
filter: $carousel-dark-control-icon-filter;
219225
}
220226

221-
.carousel-indicators li {
227+
.carousel-indicators button {
222228
background-color: $carousel-dark-indicator-active-bg;
223229
}
224230

‎projects/mdb-angular-ui-kit/assets/scss/free/_alert.scss‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
// Alert
2+
3+
.alert {
4+
border: 0;
5+
}
6+
7+
.alert-absolute {
8+
position: absolute;
9+
}
10+
11+
.alert-fixed {
12+
position: fixed;
13+
z-index: $zindex-alert;
14+
}
15+
16+
.parent-alert-relative {
17+
position: relative;
18+
}

‎projects/mdb-angular-ui-kit/assets/scss/free/_carousel.scss‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
mdb-carousel {
2+
display: block;
3+
}
4+
5+
.carousel-control-prev-icon {
6+
&::after {
7+
content: '\f053';
8+
font-weight: $font-weight-bold;
9+
font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free';
10+
font-size: 1.7rem;
11+
}
12+
}
13+
.carousel-control-next-icon {
14+
&::after {
15+
content: '\f054';
16+
font-weight: $font-weight-bold;
17+
font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free';
18+
font-size: 1.7rem;
19+
}
20+
}
21+
.carousel-indicators {
22+
[data-mdb-target] {
23+
@extend [data-bs-target] !optional;
24+
}
25+
}

‎projects/mdb-angular-ui-kit/assets/scss/free/_toasts.scss‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
// Toasts
2+
3+
.toast {
4+
background-color: $toast-background-color;
5+
border: 0;
6+
box-shadow: $toast-box-shadow;
7+
8+
.btn-close {
9+
width: 1.3em;
10+
}
11+
}
12+
13+
.toast-header {
14+
background-color: $toast-header-background-color;
15+
}
16+
17+
.parent-toast-relative {
18+
position: relative;
19+
}
20+
21+
.toast-absolute {
22+
position: absolute;
23+
}
24+
25+
.toast-fixed {
26+
position: fixed;
27+
z-index: $zindex-toast;
28+
}
29+
30+
.toast:not(.showing):not(.show) {
31+
opacity: 1;
32+
}

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

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -80,6 +80,8 @@
8080
@import './free/popover';
8181
@import './free/dropdown';
8282
@import './free/range';
83+
@import './free/alert';
84+
@import './free/toasts';
8385

8486
// MDB FORMS
8587
@import './free/forms/form-check';

‎projects/mdb-angular-ui-kit/assets/scss/mdb.scss‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -70,6 +70,7 @@
7070
@import './free/nav';
7171
@import './free/navbar';
7272
@import './free/card';
73+
@import './free/carousel';
7374
@import './free/breadcrumb';
7475
@import './free/pagination';
7576
@import './free/badge';
@@ -84,6 +85,8 @@
8485
@import './free/validation';
8586
@import './free/scrollspy';
8687
@import './free/range';
88+
@import './free/alert';
89+
@import './free/toasts';
8790

8891
// MDB FORMS
8992
@import './free/forms/form-check';

0 commit comments

Comments
 (0)