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

7 years ago
  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v1.1.3
  6. */
  7. .md-dialog-is-showing {
  8. max-height: 100%; }
  9. .md-dialog-container {
  10. display: -webkit-box;
  11. display: -webkit-flex;
  12. display: flex;
  13. -webkit-box-pack: center;
  14. -webkit-justify-content: center;
  15. justify-content: center;
  16. -webkit-box-align: center;
  17. -webkit-align-items: center;
  18. align-items: center;
  19. position: absolute;
  20. top: 0;
  21. left: 0;
  22. width: 100%;
  23. height: 100%;
  24. z-index: 80;
  25. overflow: hidden; }
  26. md-dialog {
  27. opacity: 0;
  28. min-width: 240px;
  29. max-width: 80%;
  30. max-height: 80%;
  31. position: relative;
  32. overflow: auto;
  33. 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);
  34. display: -webkit-box;
  35. display: -webkit-flex;
  36. display: flex;
  37. -webkit-box-orient: vertical;
  38. -webkit-box-direction: normal;
  39. -webkit-flex-direction: column;
  40. flex-direction: column; }
  41. md-dialog.md-transition-in {
  42. opacity: 1;
  43. -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  44. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  45. -webkit-transform: translate(0, 0) scale(1);
  46. transform: translate(0, 0) scale(1); }
  47. md-dialog.md-transition-out {
  48. opacity: 0;
  49. -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  50. transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  51. -webkit-transform: translate(0, 100%) scale(0.2);
  52. transform: translate(0, 100%) scale(0.2); }
  53. md-dialog > form {
  54. display: -webkit-box;
  55. display: -webkit-flex;
  56. display: flex;
  57. -webkit-box-orient: vertical;
  58. -webkit-box-direction: normal;
  59. -webkit-flex-direction: column;
  60. flex-direction: column;
  61. overflow: auto; }
  62. md-dialog .md-dialog-content {
  63. padding: 24px; }
  64. md-dialog md-dialog-content {
  65. -webkit-box-ordinal-group: 2;
  66. -webkit-order: 1;
  67. order: 1;
  68. -webkit-box-orient: vertical;
  69. -webkit-box-direction: normal;
  70. -webkit-flex-direction: column;
  71. flex-direction: column;
  72. overflow: auto;
  73. -webkit-overflow-scrolling: touch; }
  74. md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
  75. margin-top: 0; }
  76. md-dialog md-dialog-content:focus {
  77. outline: none; }
  78. md-dialog md-dialog-content .md-subheader {
  79. margin: 0; }
  80. md-dialog md-dialog-content .md-dialog-content-body {
  81. width: 100%; }
  82. md-dialog md-dialog-content .md-prompt-input-container {
  83. width: 100%;
  84. box-sizing: border-box; }
  85. md-dialog .md-actions, md-dialog md-dialog-actions {
  86. display: -webkit-box;
  87. display: -webkit-flex;
  88. display: flex;
  89. -webkit-box-ordinal-group: 3;
  90. -webkit-order: 2;
  91. order: 2;
  92. box-sizing: border-box;
  93. -webkit-box-align: center;
  94. -webkit-align-items: center;
  95. align-items: center;
  96. -webkit-box-pack: end;
  97. -webkit-justify-content: flex-end;
  98. justify-content: flex-end;
  99. margin-bottom: 0;
  100. padding-right: 8px;
  101. padding-left: 16px;
  102. min-height: 52px;
  103. overflow: hidden; }
  104. [dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {
  105. padding-right: 16px; }
  106. [dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {
  107. padding-left: 8px; }
  108. md-dialog .md-actions .md-button, md-dialog md-dialog-actions .md-button {
  109. margin-bottom: 8px;
  110. margin-left: 8px;
  111. margin-right: 0;
  112. margin-top: 8px; }
  113. [dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {
  114. margin-left: 0; }
  115. [dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {
  116. margin-right: 8px; }
  117. md-dialog.md-content-overflow .md-actions, md-dialog.md-content-overflow md-dialog-actions {
  118. border-top-width: 1px;
  119. border-top-style: solid; }
  120. @media screen and (-ms-high-contrast: active) {
  121. md-dialog {
  122. border: 1px solid #fff; } }
  123. @media (max-width: 959px) {
  124. md-dialog.md-dialog-fullscreen {
  125. min-height: 100%;
  126. min-width: 100%;
  127. border-radius: 0; } }