_messagebox.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. @mixin extjs-messagebox {
  2. .#{$prefix}message-box .#{$prefix}window-body {
  3. background-color: transparent;
  4. @include color-by-background($window-base-color);
  5. border: none;
  6. }
  7. .#{$prefix}message-box .#{$prefix}progress-wrap {
  8. margin-top: 4px;
  9. }
  10. .#{$prefix}message-box-icon {
  11. width: 47px;
  12. height: 32px;
  13. }
  14. .#{$prefix}message-box .#{$prefix}form-item .#{$prefix}form-display-field {
  15. @include color-by-background($window-base-color);
  16. }
  17. .#{$prefix}message-box-info,
  18. .#{$prefix}message-box-warning,
  19. .#{$prefix}message-box-question,
  20. .#{$prefix}message-box-error {
  21. background: transparent no-repeat top left;
  22. }
  23. .#{$prefix}message-box .#{$prefix}msg-box-wait {
  24. background-image: theme-background-image($theme-name, 'shared/blue-loading.gif');
  25. }
  26. .#{$prefix}message-box-info {
  27. background-image: theme-background-image($theme-name, 'shared/icon-info.gif');
  28. }
  29. .#{$prefix}message-box-warning {
  30. background-image: theme-background-image($theme-name, 'shared/icon-warning.gif');
  31. }
  32. .#{$prefix}message-box-question {
  33. background-image: theme-background-image($theme-name, 'shared/icon-question.gif');
  34. }
  35. .#{$prefix}message-box-error {
  36. background-image: theme-background-image($theme-name, 'shared/icon-error.gif');
  37. }
  38. }