Skip to content

Commit d210410

Browse files
committed
Release 9.1.0
1 parent c0ea836 commit d210410

File tree

12 files changed

+838
-245
lines changed

12 files changed

+838
-245
lines changed

angular-bootstrap-md-9.0.1.tgz

-1.5 MB
Binary file not shown.

angular-bootstrap-md-9.1.0.tgz

1.52 MB
Binary file not shown.

changelog

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,22 @@
1+
9.1.0
2+
In version 9.1.0 we added some fixes for sidenav and new features for tables, check what changed below:
3+
4+
**Fixes:**
5+
6+
* Sidenav - component in fixed mode will not be closed when viewport height change,
7+
* Sidenav - resolved problem with backdrop animation transition when component is opened for the first time,
8+
* Table - added few fixes to the styles to better match the material design look.
9+
10+
**New features:**
11+
12+
* Table sort - added new [sortIcon] input. Set value of this input to true to automatically add sort icons to the component template,
13+
* Table sort - added new resetSortDirection input. When set to true, every third click on sort icon will reset sorting direction. This feature will be used as default sorting method in MDB Angular v10,
14+
* Table - added new [stickyFooter], [stickyFooterBgColor] and [stickyFooterColor] inputs that allow to create and customize sticky footer.
15+
16+
**Docs:**
17+
18+
* Table - added new example with checkboxes and row selection.
19+
120
9.0.1
221
In version 9.0.1 we added some fixes for components and SSR, check what changed below:
322

Lines changed: 153 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,153 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta
6+
name="viewport"
7+
content="width=device-width, initial-scale=1, shrink-to-fit=no"
8+
/>
9+
<meta http-equiv="x-ua-compatible" content="ie=edge" />
10+
<title>Material Design for Bootstrap</title>
11+
<!-- MDB icon -->
12+
<link rel="icon" href="../img/mdb-favicon.ico" type="image/x-icon" />
13+
<!-- Font Awesome -->
14+
<link
15+
rel="stylesheet"
16+
href="https://use.fontawesome.com/releases/v5.11.2/css/all.css"
17+
/>
18+
<!-- Google Fonts Roboto -->
19+
<link
20+
rel="stylesheet"
21+
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
22+
/>
23+
<!-- Bootstrap core CSS -->
24+
25+
<style>
26+
body {
27+
font-family: "Roboto", sans-serif;
28+
font-weight: 300;
29+
color: #212529;
30+
margin: 0;
31+
line-height: 1.5;
32+
}
33+
34+
.content {
35+
display: flex;
36+
align-items: center;
37+
}
38+
39+
.text-center {
40+
text-align: center !important;
41+
}
42+
43+
@media (min-width: 576px) {
44+
.container {
45+
max-width: 540px;
46+
}
47+
}
48+
49+
@media (min-width: 768px) {
50+
.container {
51+
max-width: 720px;
52+
}
53+
}
54+
55+
@media (min-width: 992px) {
56+
.container {
57+
max-width: 960px;
58+
}
59+
}
60+
61+
@media (min-width: 1200px) {
62+
.container {
63+
max-width: 1140px;
64+
}
65+
}
66+
67+
hr {
68+
margin-top: 1rem;
69+
margin-bottom: 1rem;
70+
border: 0;
71+
border-top: 1px solid rgba(0, 0, 0, 0.1);
72+
box-sizing: content-box;
73+
height: 0;
74+
overflow: visible;
75+
}
76+
77+
.container {
78+
width: 100%;
79+
padding-right: 15px;
80+
padding-left: 15px;
81+
margin-right: auto;
82+
margin-left: auto;
83+
}
84+
85+
h5 {
86+
font-size: 1.25rem;
87+
font-weight: 300;
88+
line-height: 1.2;
89+
margin-top: 0;
90+
}
91+
92+
.btn {
93+
margin: 0.375rem;
94+
color: inherit;
95+
text-transform: uppercase;
96+
word-wrap: break-word;
97+
white-space: normal;
98+
cursor: pointer;
99+
border: 0;
100+
display: inline-block;
101+
text-align: center;
102+
text-decoration: none;
103+
vertical-align: middle;
104+
border-radius: 0.125rem;
105+
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
106+
0 2px 10px 0 rgba(0, 0, 0, 0.12);
107+
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
108+
0 2px 10px 0 rgba(0, 0, 0, 0.12);
109+
-webkit-transition: color 0.15s ease-in-out,
110+
background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
111+
-webkit-box-shadow 0.15s ease-in-out;
112+
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
113+
border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
114+
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
115+
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
116+
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
117+
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
118+
-webkit-box-shadow 0.15s ease-in-out;
119+
padding: 0.84rem 2.14rem;
120+
font-size: 0.81rem;
121+
}
122+
123+
.btn-primary {
124+
color: #fff;
125+
background-color: #4285f4 !important;
126+
}
127+
</style>
128+
</head>
129+
130+
<body>
131+
<!-- Start your project here-->
132+
<div class="content" style="height: 100vh;">
133+
<div class="container text-center">
134+
<h5 style="margin-bottom: 16px;">
135+
In order to access exclusive templates for free you need to have an
136+
MDBootstrap account.
137+
</h5>
138+
<hr />
139+
<h5 style="margin-bottom: 16px;">
140+
Go to freebies page via the link below and <strong>Sign in</strong>,
141+
in order to download packages or <strong>Sign up</strong> in order to
142+
create the account.
143+
</h5>
144+
<a
145+
href="https://mdbootstrap.com/freebies/?utm_campaign=ExclusiveFreebies&utm_source=jQuery"
146+
class="btn btn-primary"
147+
>Unlock freebies <i class="fas fa-unlock" style="margin-left: 8px"></i
148+
></a>
149+
</div>
150+
</div>
151+
<!-- End your project here-->
152+
</body>
153+
</html>

0 commit comments

Comments
 (0)