You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
131 lines
4.1 KiB
131 lines
4.1 KiB
/*!
|
|
* Angular Material Design
|
|
* https://github.com/angular/material
|
|
* @license MIT
|
|
* v1.1.1
|
|
*/
|
|
.md-dialog-is-showing {
|
|
max-height: 100%; }
|
|
|
|
.md-dialog-container {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-webkit-justify-content: center;
|
|
justify-content: center;
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 80;
|
|
overflow: hidden; }
|
|
|
|
md-dialog {
|
|
opacity: 0;
|
|
min-width: 240px;
|
|
max-width: 80%;
|
|
max-height: 80%;
|
|
position: relative;
|
|
overflow: auto;
|
|
box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: column;
|
|
flex-direction: column; }
|
|
md-dialog.md-transition-in {
|
|
opacity: 1;
|
|
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
-webkit-transform: translate(0, 0) scale(1);
|
|
transform: translate(0, 0) scale(1); }
|
|
md-dialog.md-transition-out {
|
|
opacity: 0;
|
|
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
-webkit-transform: translate(0, 100%) scale(0.2);
|
|
transform: translate(0, 100%) scale(0.2); }
|
|
md-dialog > form {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: column;
|
|
flex-direction: column;
|
|
overflow: auto; }
|
|
md-dialog .md-dialog-content {
|
|
padding: 24px; }
|
|
md-dialog md-dialog-content {
|
|
-webkit-box-ordinal-group: 2;
|
|
-webkit-order: 1;
|
|
order: 1;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: column;
|
|
flex-direction: column;
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch; }
|
|
md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
|
|
margin-top: 0; }
|
|
md-dialog md-dialog-content:focus {
|
|
outline: none; }
|
|
md-dialog md-dialog-content .md-subheader {
|
|
margin: 0; }
|
|
md-dialog md-dialog-content .md-dialog-content-body {
|
|
width: 100%; }
|
|
md-dialog md-dialog-content .md-prompt-input-container {
|
|
width: 100%;
|
|
box-sizing: border-box; }
|
|
md-dialog .md-actions, md-dialog md-dialog-actions {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-ordinal-group: 3;
|
|
-webkit-order: 2;
|
|
order: 2;
|
|
box-sizing: border-box;
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
align-items: center;
|
|
-webkit-box-pack: end;
|
|
-webkit-justify-content: flex-end;
|
|
justify-content: flex-end;
|
|
margin-bottom: 0;
|
|
padding-right: 8px;
|
|
padding-left: 16px;
|
|
min-height: 52px;
|
|
overflow: hidden; }
|
|
[dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {
|
|
padding-right: 16px; }
|
|
[dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {
|
|
padding-left: 8px; }
|
|
md-dialog .md-actions .md-button, md-dialog md-dialog-actions .md-button {
|
|
margin-bottom: 8px;
|
|
margin-left: 8px;
|
|
margin-right: 0;
|
|
margin-top: 8px; }
|
|
[dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {
|
|
margin-left: 0; }
|
|
[dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {
|
|
margin-right: 8px; }
|
|
md-dialog.md-content-overflow .md-actions, md-dialog.md-content-overflow md-dialog-actions {
|
|
border-top-width: 1px;
|
|
border-top-style: solid; }
|
|
|
|
@media screen and (-ms-high-contrast: active) {
|
|
md-dialog {
|
|
border: 1px solid #fff; } }
|
|
|
|
@media (max-width: 959px) {
|
|
md-dialog.md-dialog-fullscreen {
|
|
min-height: 100%;
|
|
min-width: 100%;
|
|
border-radius: 0; } }
|