Skip to content

Commit 8af3651

Browse files
author
a.idzikowski
committed
Release 12.0.0
1 parent 02fa0dc commit 8af3651

33 files changed

+265
-172
lines changed

‎angular-bootstrap-md-11.1.0.tgz‎

-1.04 MB
Binary file not shown.

‎angular-bootstrap-md-12.0.0.tgz‎

960 KB
Binary file not shown.

‎changelog‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,26 @@
1+
12.0.0
2+
In version 12.0.0 we added support for Angular 12. This update introduces breaking changes, check what changed below:
3+
4+
**Breaking changes:**
5+
6+
* MDB Angular 12 requires Angular v12,
7+
8+
**Fixes:**
9+
10+
* Carousel - resolved problem with gap between thumbnail bar and image,
11+
* Autocomplete - resolved problem with type of option value input,
12+
* Timepicker - resolved problem with setting default value using Angular form controls,
13+
* Datepicker - resolved problem with display in inline mode when container has overlay: hidden styles,
14+
* Datepicker - focus on input with openOnFocus option will no longer remove body scroll,
15+
* Stepper - added possibility to jump to any step if previous steps are completed,
16+
* Lightbox - resolved problem with background scrolling when image is opened,
17+
* Multi-range - resolved problem with component styles in Firefox browser,
18+
* Spinner - removed unused selector to avoid naming collisions with other libraries.
19+
20+
**New features:**
21+
22+
* Table - input maxHeight will also accept values with different units (for example 80%).
23+
124
11.1.0
225
In version 11.1.0 we added some fixes and new features for the existing components. Check what changed below:
326

‎package-lock.json‎

Lines changed: 4 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "angular-bootstrap-md-lib",
3-
"version": "11.1.0",
3+
"version": "12.0.0",
44
"scripts": {
55
"ng": "ng",
66
"start": "ng serve",
@@ -10,8 +10,8 @@
1010
"e2e": "ng e2e",
1111
"copy-scss": "cp -r projects/angular-bootstrap-md/src/lib/assets dist/angular-bootstrap-md/assets",
1212
"copy-files": "cp projects/angular-bootstrap-md/src/lib/changelog projects/angular-bootstrap-md/src/lib/License.pdf README.md dist/angular-bootstrap-md",
13-
"pack-archive": "cd dist/angular-bootstrap-md && npm pack . && cp angular-bootstrap-md-11.*.tgz ../..",
14-
"remove-archive": "rm dist/angular-bootstrap-md/angular-bootstrap-md-11.*.tgz && cd ../..",
13+
"pack-archive": "cd dist/angular-bootstrap-md && npm pack . && cp angular-bootstrap-md-12.*.tgz ../..",
14+
"remove-archive": "rm dist/angular-bootstrap-md/angular-bootstrap-md-12.*.tgz && cd ../..",
1515
"compile-lib": "ng build angular-bootstrap-md && npm run copy-scss && npm run copy-files && npm run schematics:build && npm run pack-archive && npm run remove-archive",
1616
"schematics:build": "tsc -p projects/angular-bootstrap-md/tsconfig.schematics.json && npm run schematics:copy-schema && npm run schematics:copy-collection && npm run schematics:copy-migration",
1717
"schematics:copy-schema": "cp projects/angular-bootstrap-md/schematics/ng-add/schema.json dist/angular-bootstrap-md/schematics/ng-add",
@@ -22,7 +22,7 @@
2222
"private": true,
2323
"dependencies": {
2424
"@angular/animations": "~12.2.0",
25-
"@angular/cdk": "^11.2.3",
25+
"@angular/cdk": "^12.2.0",
2626
"@angular/common": "~12.2.0",
2727
"@angular/compiler": "~12.2.0",
2828
"@angular/core": "~12.2.0",
@@ -32,7 +32,7 @@
3232
"@angular/router": "~12.2.0",
3333
"@fortawesome/fontawesome-free": "^5.6.3",
3434
"@types/chart.js": "^2.7.42",
35-
"angular-bootstrap-md": "file:angular-bootstrap-md-11.1.0.tgz",
35+
"angular-bootstrap-md": "file:angular-bootstrap-md-12.0.0.tgz",
3636
"chart.js": "^2.5.0",
3737
"core-js": "^2.5.4",
3838
"hammerjs": "^2.0.8",

‎projects/angular-bootstrap-md/package.json‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "angular-bootstrap-md",
33
"repository": "https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design",
4-
"version": "11.1.0",
4+
"version": "12.0.0",
55
"schematics": "./schematics/collection.json",
66
"ng-update": {
77
"migrations": "./schematics/migration.json"
@@ -13,10 +13,10 @@
1313
"tslib": "^2.0.0"
1414
},
1515
"peerDependencies": {
16-
"@angular/common": "^11.0.0",
17-
"@angular/core": "^11.0.0",
18-
"@angular/animations": "^11.0.0",
19-
"@angular/forms": "^11.0.0",
20-
"@angular/cdk": "^11.0.0"
16+
"@angular/common": "^12.0.0",
17+
"@angular/core": "^12.0.0",
18+
"@angular/animations": "^12.0.0",
19+
"@angular/forms": "^12.0.0",
20+
"@angular/cdk": "^12.0.0"
2121
}
2222
}

‎projects/angular-bootstrap-md/src/lib/assets/scss/bootstrap/_card.scss‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848
}
4949

5050
.card-subtitle {
51-
margin-top: -$card-spacer-y / 2;
51+
margin-top: -$card-spacer-y * 0.5;
5252
margin-bottom: 0;
5353
}
5454

@@ -103,15 +103,15 @@
103103
//
104104

105105
.card-header-tabs {
106-
margin-right: -$card-spacer-x / 2;
106+
margin-right: -$card-spacer-x * 0.5;
107107
margin-bottom: -$card-spacer-y;
108-
margin-left: -$card-spacer-x / 2;
108+
margin-left: -$card-spacer-x * 0.5;
109109
border-bottom: 0;
110110
}
111111

112112
.card-header-pills {
113-
margin-right: -$card-spacer-x / 2;
114-
margin-left: -$card-spacer-x / 2;
113+
margin-right: -$card-spacer-x * 0.5;
114+
margin-left: -$card-spacer-x * 0.5;
115115
}
116116

117117
// Card image

‎projects/angular-bootstrap-md/src/lib/assets/scss/bootstrap/_carousel.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -182,9 +182,9 @@
182182

183183
.carousel-caption {
184184
position: absolute;
185-
right: (100% - $carousel-caption-width) / 2;
185+
right: (100% - $carousel-caption-width) * 0.5;
186186
bottom: 20px;
187-
left: (100% - $carousel-caption-width) / 2;
187+
left: (100% - $carousel-caption-width) * 0.5;
188188
z-index: 10;
189189
padding-top: 20px;
190190
padding-bottom: 20px;

‎projects/angular-bootstrap-md/src/lib/assets/scss/bootstrap/_custom-forms.scss‎

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,8 @@
66
//
77
// Base class takes care of all the key behavioral aspects.
88

9+
@use "sass:list";
10+
911
.custom-control {
1012
position: relative;
1113
display: block;
@@ -23,7 +25,7 @@
2325
left: 0;
2426
z-index: -1; // Put the input behind the label so it doesn't overlay text
2527
width: $custom-control-indicator-size;
26-
height: ($font-size-base * $line-height-base + $custom-control-indicator-size) / 2;
28+
height: ($font-size-base * $line-height-base + $custom-control-indicator-size) * 0.5;
2729
opacity: 0;
2830

2931
&:checked ~ .custom-control-label::before {
@@ -80,7 +82,7 @@
8082
// Background-color and (when enabled) gradient
8183
&::before {
8284
position: absolute;
83-
top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;
85+
top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * 0.5;
8486
left: -($custom-control-gutter + $custom-control-indicator-size);
8587
display: block;
8688
width: $custom-control-indicator-size;
@@ -95,13 +97,13 @@
9597
// Foreground (icon)
9698
&::after {
9799
position: absolute;
98-
top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;
100+
top: ($font-size-base * $line-height-base - $custom-control-indicator-size) * 0.5;
99101
left: -($custom-control-gutter + $custom-control-indicator-size);
100102
display: block;
101103
width: $custom-control-indicator-size;
102104
height: $custom-control-indicator-size;
103105
content: '';
104-
background: no-repeat 50% / #{$custom-control-indicator-bg-size};
106+
background: no-repeat list.slash(50%, $custom-control-indicator-bg-size);
105107
}
106108
}
107109

@@ -182,7 +184,7 @@
182184

183185
&::after {
184186
top: add(
185-
($font-size-base * $line-height-base - $custom-control-indicator-size) / 2,
187+
($font-size-base * $line-height-base - $custom-control-indicator-size) * 0.5,
186188
$custom-control-indicator-border-width * 2
187189
);
188190
left: add(
@@ -409,7 +411,7 @@
409411
&::-webkit-slider-thumb {
410412
width: $custom-range-thumb-width;
411413
height: $custom-range-thumb-height;
412-
margin-top: ($custom-range-track-height - $custom-range-thumb-height) / 2; // Webkit specific
414+
margin-top: ($custom-range-track-height - $custom-range-thumb-height) * 0.5; // Webkit specific
413415
@include gradient-bg($custom-range-thumb-bg);
414416
border: $custom-range-thumb-border;
415417
@include border-radius($custom-range-thumb-border-radius);
@@ -484,7 +486,7 @@
484486
cursor: $custom-range-track-cursor;
485487
background-color: transparent;
486488
border-color: transparent;
487-
border-width: $custom-range-thumb-height / 2;
489+
border-width: $custom-range-thumb-height * 0.5;
488490
@include box-shadow($custom-range-track-box-shadow);
489491
}
490492

‎projects/angular-bootstrap-md/src/lib/assets/scss/bootstrap/_forms.scss‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -186,13 +186,13 @@ textarea.form-control {
186186
.form-row {
187187
display: flex;
188188
flex-wrap: wrap;
189-
margin-right: -$form-grid-gutter-width / 2;
190-
margin-left: -$form-grid-gutter-width / 2;
189+
margin-right: -$form-grid-gutter-width * 0.5;
190+
margin-left: -$form-grid-gutter-width * 0.5;
191191

192192
> .col,
193193
> [class*='col-'] {
194-
padding-right: $form-grid-gutter-width / 2;
195-
padding-left: $form-grid-gutter-width / 2;
194+
padding-right: $form-grid-gutter-width * 0.5;
195+
padding-left: $form-grid-gutter-width * 0.5;
196196
}
197197
}
198198

0 commit comments

Comments
 (0)