_dialogs.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. md-dialog {
  2. min-width: 520px;
  3. max-width: 750px;
  4. p {
  5. margin-bottom: 16px;
  6. line-height: 1.3em;
  7. &:last-of-type {
  8. margin-bottom: 0;
  9. }
  10. }
  11. h2 {
  12. margin-top: 24px;
  13. margin-bottom: 16px;
  14. font-size: 1.4em;
  15. }
  16. ul {
  17. margin-left: 1.3em;
  18. li {
  19. line-height: 1.5em;
  20. }
  21. }
  22. md-dialog-content {
  23. line-height: 1.3em;
  24. // If a h2 is the first child of a dialog, remove the top margin
  25. .md-dialog-content > h2 {
  26. &:first-child {
  27. margin-top: 0;
  28. }
  29. }
  30. }
  31. .md-subheader-inner {
  32. padding-left: 0;
  33. }
  34. .status {
  35. padding-left: 16px;
  36. }
  37. }
  38. md-dialog.send-file-dialog {
  39. md-input-container.input-caption {
  40. margin-bottom: 0;
  41. }
  42. md-input-container.input-send-as-file {
  43. margin-top: 0;
  44. margin-bottom: 0;
  45. }
  46. .preview {
  47. display: block;
  48. margin: 0 auto;
  49. max-width: 100%;
  50. max-height: 250px;
  51. }
  52. }
  53. md-dialog.message-history-dialog {
  54. md-dialog-content {
  55. padding: 24px;
  56. }
  57. .event-type {
  58. font-weight: bold;
  59. &::after {
  60. content: ':';
  61. }
  62. }
  63. }