_popups-old.less 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. // /**
  2. // * Copyright © Magento, Inc. All rights reserved.
  3. // * See COPYING.txt for license details.
  4. // */
  5. //
  6. // Prototype popup window
  7. // _____________________________________________
  8. // Prototype popup window is used to display WYSIWYG
  9. // ToDo UI: Remove after complete Prototype removing
  10. .popup-window {
  11. background: @popup__background-color;
  12. &.dialog {
  13. z-index: 900 !important;
  14. }
  15. .table_window > tbody > tr > td {
  16. background: @popup__background-color;
  17. border: 0;
  18. padding: 0;
  19. }
  20. .magento_close {
  21. &:extend(.ui-dialog .ui-dialog-titlebar-close all);
  22. }
  23. .magento_title {
  24. &:extend(.ui-dialog .ui-dialog-titlebar all);
  25. }
  26. .magento-message {
  27. padding: 0 @popup__padding__horizontal @popup__padding__vertical;
  28. position: relative;
  29. }
  30. .magento_content {
  31. height: auto !important;
  32. .buttons-set {
  33. margin: 0 0 15px;
  34. button {
  35. margin-right: 4px;
  36. }
  37. }
  38. }
  39. .magento_buttons {
  40. &:extend(.abs-clearfix all);
  41. padding: 0 @popup__padding__horizontal @popup__padding__vertical;
  42. text-align: right;
  43. .ok_button {
  44. &:extend(.ui-dialog .action-primary all);
  45. float: right;
  46. margin: 0 0 0 @popup__padding__horizontal;
  47. }
  48. .cancel_button {
  49. &:extend(.ui-dialog .action-close all);
  50. }
  51. }
  52. }
  53. .ui-widget-overlay {
  54. &:extend(.abs-modal-overlay all);
  55. }
  56. .overlay_magento {
  57. &:extend(.abs-modal-overlay all);
  58. z-index: 800 !important;
  59. }
  60. //
  61. // Old popup window
  62. // _____________________________________________
  63. // ToDo UI: old popups should be replaced by jquery UI popup
  64. .fade {
  65. &:extend(.abs-modal-overlay all);
  66. z-index: 1000;
  67. .popup {
  68. background: @popup__background-color;
  69. border: 0;
  70. border-radius: 0;
  71. display: inline-block;
  72. left: 12.5%;
  73. position: absolute;
  74. text-align: left;
  75. top: 5rem;
  76. width: 75%;
  77. .close {
  78. &:extend(.ui-dialog .ui-dialog-titlebar-close all);
  79. }
  80. }
  81. .popup-inner {
  82. padding: 0;
  83. }
  84. .popup-title {
  85. &:extend(.ui-dialog .ui-dialog-titlebar all);
  86. background: @color-lazy-sun;
  87. font-size: 1.4rem;
  88. font-weight: @font-weight__bold;
  89. padding: 2rem 2rem 0 7.5rem;
  90. }
  91. .popup-header {
  92. .popup-title {
  93. margin: 0;
  94. }
  95. }
  96. .popup-content {
  97. &:extend(.abs-clearfix all);
  98. background: @color-lazy-sun;
  99. padding: 0 2rem 2rem;
  100. p {
  101. margin-top: 0;
  102. }
  103. .messages {
  104. &:last-child {
  105. margin-bottom: 0;
  106. }
  107. }
  108. .message {
  109. &:first-child {
  110. padding-top: 0;
  111. &:before {
  112. top: 0;
  113. }
  114. }
  115. &:last-child {
  116. padding-bottom: 0;
  117. }
  118. }
  119. }
  120. .fieldset {
  121. background: @color-lazy-sun;
  122. border: 0;
  123. margin: 1.5rem 0 1.5rem 1.5rem;
  124. padding: 0;
  125. }
  126. .maintenance-checkbox-container {
  127. padding-left: 20%;
  128. }
  129. .messages {
  130. margin: 0 !important;
  131. }
  132. .actions {
  133. &:extend(.abs-clearfix all);
  134. margin: 0;
  135. text-align: right;
  136. .primary {
  137. &:extend(.ui-dialog .action-primary all);
  138. float: right;
  139. line-height: inherit;
  140. margin: 0 0 0 @popup__padding__horizontal;
  141. &:hover {
  142. box-shadow: none;
  143. }
  144. }
  145. .cancel {
  146. line-height: inherit;
  147. &:extend(.ui-dialog .action-close all);
  148. &:hover {
  149. box-shadow: none;
  150. }
  151. }
  152. }
  153. }