Skip to content

Commit a342e64

Browse files
author
unknown
committed
1.0.0-alpha4
1 parent 343147f commit a342e64

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

47 files changed

+1458
-123
lines changed

‎CHANGELOG.md‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,22 @@
1+
## 1.0.0-alpha4 (08.03.2021)
2+
3+
### New components:
4+
5+
- [Animations](https://mdbootstrap.com/docs/b5/angular/content-styles/animations/)
6+
- [Ripple](https://mdbootstrap.com/docs/b5/angular/methods/ripple/)
7+
- [Sidenav](https://mdbootstrap.com/docs/b5/angular/navigation/sidenav/)
8+
- [Scrollspy](https://mdbootstrap.com/docs/b5/angular/navigation/scrollbar/)
9+
- [Validation](https://mdbootstrap.com/docs/b5/angular/forms/validation/)
10+
11+
### Bug fixes:
12+
- Select - `x options selected` text will be displayed correctly when more than 5 options have been selected,
13+
- Select - fixed clear button focusing issue.
14+
15+
### New features:
16+
- Select - added new `displayedLabels` input that allows to change maximum number of comma-separated options labels displayed in the multiselect input,
17+
- Select - added new `optionsSelectedLabel` input that allows to customize x options selected text,
18+
- Select - added new `filterDebounce` input that allows to add delay to the options list updates when using filter input
19+
120
## 1.0.0-alpha3 (22.02.2021)
221

322
### 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 Alpha 1
3+
Version: FREE 1.0.0 Alpha 4
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-alpha3",
3+
"version": "1.0.0-alpha4",
44
"scripts": {
55
"ng": "ng",
66
"start": "ng serve",

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

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,22 @@
1+
## 1.0.0-alpha4 (08.03.2021)
2+
3+
### New components:
4+
5+
- [Animations](https://mdbootstrap.com/docs/b5/angular/content-styles/animations/)
6+
- [Ripple](https://mdbootstrap.com/docs/b5/angular/methods/ripple/)
7+
- [Sidenav](https://mdbootstrap.com/docs/b5/angular/navigation/sidenav/)
8+
- [Scrollspy](https://mdbootstrap.com/docs/b5/angular/navigation/scrollbar/)
9+
- [Validation](https://mdbootstrap.com/docs/b5/angular/forms/validation/)
10+
11+
### Bug fixes:
12+
- Select - `x options selected` text will be displayed correctly when more than 5 options have been selected,
13+
- Select - fixed clear button focusing issue.
14+
15+
### New features:
16+
- Select - added new `displayedLabels` input that allows to change maximum number of comma-separated options labels displayed in the multiselect input,
17+
- Select - added new `optionsSelectedLabel` input that allows to customize x options selected text,
18+
- Select - added new `filterDebounce` input that allows to add delay to the options list updates when using filter input
19+
120
## 1.0.0-alpha3 (22.02.2021)
221

322
### New components:

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

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
.ripple-surface {
2+
position: relative;
3+
overflow: hidden;
4+
display: inline-block;
5+
vertical-align: bottom;
6+
}
7+
8+
.ripple-surface-unbound {
9+
overflow: visible;
10+
}
11+
12+
.ripple-wave {
13+
@include ripple-variant(black);
14+
$cubicBezier: cubic-bezier(0, 0, 0.15, 1);
15+
border-radius: 50%;
16+
opacity: 0.5;
17+
pointer-events: none;
18+
position: absolute;
19+
touch-action: none;
20+
transform: scale(0);
21+
transition-property: transform, opacity;
22+
transition-timing-function: $cubicBezier, $cubicBezier;
23+
z-index: 999;
24+
&.active {
25+
transform: scale(1);
26+
opacity: 0;
27+
}
28+
}
29+
30+
.btn .ripple-wave {
31+
@include ripple-variant(white);
32+
}
33+
34+
@each $color, $value in $theme-colors {
35+
.ripple-surface-#{$color} {
36+
.ripple-wave {
37+
@include ripple-variant($value);
38+
}
39+
}
40+
}

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

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
// Scrollspy
2+
3+
.nav-pills {
4+
&.menu-sidebar {
5+
.nav-link {
6+
font-size: $scrollspy-menu-sidebar-font-size;
7+
background-color: transparent;
8+
color: $scrollspy-menu-sidebar-color;
9+
line-height: $scrollspy-menu-sidebar-line-height;
10+
padding: 0 $scrollspy-menu-sidebar-padding-x;
11+
font-weight: $scrollspy-menu-sidebar-font-weight;
12+
transition: $scrollspy-menu-sidebar-transition;
13+
text-transform: initial;
14+
margin-top: $scrollspy-menu-sidebar-margin-y;
15+
margin-bottom: $scrollspy-menu-sidebar-margin-y;
16+
}
17+
18+
.nav-link.active,
19+
.show > .nav-link {
20+
background-color: transparent;
21+
box-shadow: none;
22+
color: $scrollspy-menu-sidebar-active-color;
23+
font-weight: $scrollspy-menu-sidebar-active-font-weight;
24+
border-left: $scrollspy-menu-sidebar-active-border-width solid
25+
$scrollspy-menu-sidebar-active-border-color;
26+
border-radius: 0;
27+
}
28+
}
29+
}

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

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
.error-message,
2+
.success-message {
3+
position: absolute;
4+
top: 40px;
5+
left: 0;
6+
font-size: 0.875rem;
7+
}
8+
9+
.form-check .error-message,
10+
.form-check .success-message {
11+
top: 29px;
12+
left: 23px;
13+
}
14+
15+
textarea ~ .error-message,
16+
textarea ~ .success-message {
17+
top: unset;
18+
bottom: -26px;
19+
}
20+
21+
.error-message {
22+
color: $danger;
23+
}
24+
25+
.success-message {
26+
color: $success;
27+
}
28+
29+
.form-control.validate-success,
30+
.form-control.validate-error {
31+
margin-bottom: 1rem;
32+
}
33+
34+
.form-outline .validate-success.ng-valid.ng-dirty,
35+
.form-outline .validate-success.ng-valid.ng-touched {
36+
~ .form-label {
37+
color: $success;
38+
}
39+
~ .form-notch .form-notch-leading,
40+
~ .form-notch .form-notch-middle,
41+
~ .form-notch .form-notch-trailing {
42+
border-color: $success;
43+
}
44+
}
45+
46+
.form-outline .validate-error.ng-invalid.ng-dirty,
47+
.form-outline .validate-error.ng-invalid.ng-touched {
48+
~ .form-label {
49+
color: $danger;
50+
}
51+
~ .form-notch .form-notch-leading,
52+
~ .form-notch .form-notch-middle,
53+
~ .form-notch .form-notch-trailing {
54+
border-color: $danger;
55+
}
56+
}
57+
58+
.select.validate-success.ng-valid.ng-dirty,
59+
.select.validate-success.ng-valid.ng-touched {
60+
~ .form-label {
61+
color: $success;
62+
}
63+
~ .form-notch .form-notch-leading,
64+
~ .form-notch .form-notch-middle,
65+
~ .form-notch .form-notch-trailing {
66+
border-color: $success;
67+
}
68+
}
69+
70+
.select.validate-error.ng-invalid.ng-dirty,
71+
.select.validate-error.ng-invalid.ng-touched {
72+
~ .form-label {
73+
color: $danger;
74+
}
75+
~ .form-notch .form-notch-leading,
76+
~ .form-notch .form-notch-middle,
77+
~ .form-notch .form-notch-trailing {
78+
border-color: $danger;
79+
}
80+
}
81+
82+
.form-check .validate-success.ng-valid.ng-dirty,
83+
.form-check .validate-success.ng-valid.ng-touched {
84+
border-color: $success;
85+
86+
&:checked {
87+
background-color: $success;
88+
}
89+
90+
~ .form-check-label {
91+
color: $success;
92+
}
93+
}
94+
95+
.form-check .validate-error.ng-invalid.ng-dirty,
96+
.form-check .validate-error.ng-invalid.ng-touched {
97+
border-color: $danger;
98+
99+
~ .form-check-label {
100+
color: $danger;
101+
}
102+
}

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

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@
33
//
44

55
.form-check {
6+
position: relative;
7+
68
.form-check-input {
79
margin-left: $form-check-input-margin-left * -1;
810

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

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
@mixin ripple-variant($color_value) {
2+
$gradient: rgba(
3+
$color: $color_value,
4+
$alpha: 0.2,
5+
)
6+
0,
7+
rgba(
8+
$color: $color_value,
9+
$alpha: 0.3,
10+
)
11+
40%,
12+
rgba(
13+
$color: $color_value,
14+
$alpha: 0.4,
15+
)
16+
50%,
17+
rgba(
18+
$color: $color_value,
19+
$alpha: 0.5,
20+
)
21+
60%,
22+
rgba(
23+
$color: $color_value,
24+
$alpha: 0,
25+
)
26+
70%;
27+
background-image: radial-gradient(circle, $gradient);
28+
}

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

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,7 @@
5151

5252
// MDB CORE
5353
@import './free/mixins';
54+
@import './free/mixins/ripple';
5455

5556
// MDB CORE COMPONENTS
5657
@import './free/root';
@@ -79,6 +80,9 @@
7980
@import './free/popover';
8081
@import './free/modal';
8182
@import './free/dropdown';
83+
@import './free/ripple';
84+
@import './free/validation';
85+
@import './free/scrollspy';
8286

8387
// MDB FORMS
8488
@import './free/forms/form-check';

0 commit comments

Comments
 (0)