app/assets/stylesheets/materialize/components/_modal.scss in materialize-sass-0.95.3.2 vs app/assets/stylesheets/materialize/components/_modal.scss in materialize-sass-0.95.3.3
- old
+ new
@@ -28,10 +28,11 @@
.modal-content {
padding: 24px;
}
.modal-footer {
+ @include border-radius(0 0 2px 2px);
background-color: #eee;
padding: 4px 6px;
height: 56px;
width: 100%;
@@ -54,10 +55,11 @@
display: none;
will-change: opacity;
}
+// Modal with fixed action footer
.modal.modal-fixed-footer {
padding: 0;
height: 70%;
.modal-content {
@@ -72,5 +74,16 @@
border-top: 1px solid rgba(0,0,0,.1);
position: fixed;
bottom: 0;
}
}
+
+// Modal Bottom Sheet Style
+.modal.bottom-sheet {
+ top: auto;
+ bottom: -100%;
+ margin: 0;
+ width: 100%;
+ max-height: 45%;
+ @include border-radius(0);
+ will-change: bottom, opacity;
+}
\ No newline at end of file