_chatrooms.scss 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. #conversejs.fullscreen {
  2. .chat-head-chatroom {
  3. height: $chatroom-head-height;
  4. font-size: 20px;
  5. .chat-title {
  6. .chatroom-description {
  7. font-size: 65%;
  8. }
  9. }
  10. }
  11. .chatroom {
  12. .box-flyout {
  13. background-color: $chatroom-head-color;
  14. border: $flyout-padding solid $chatroom-head-color;
  15. border-top: 0.8em solid $chatroom-head-color;
  16. width: 100%;
  17. .chatroom-body {
  18. @include border-top-radius($chatbox-border-radius);
  19. .chatroom-form-container {
  20. border-radius: $chatbox-border-radius;
  21. }
  22. .chat-area {
  23. border-top-left-radius: $chatbox-border-radius;
  24. min-width: auto;
  25. .chat-content {
  26. border-top-left-radius: $chatbox-border-radius;
  27. padding: 0 $padding $padding $padding;
  28. }
  29. &.full {
  30. max-width: 100%;
  31. .new-msgs-indicator {
  32. max-width: 100%;
  33. }
  34. }
  35. }
  36. .occupants {
  37. border-top-right-radius: $chatbox-border-radius;;
  38. padding: $padding;
  39. .occupants-heading {
  40. font-size: $font-size-large;
  41. }
  42. ul {
  43. &.occupant-list {
  44. li {
  45. font-size: $font-size-small;
  46. }
  47. }
  48. }
  49. }
  50. }
  51. }
  52. .room-invite {
  53. span {
  54. .invited-contact {
  55. margin: 0 0 0.5em -1px;
  56. }
  57. }
  58. }
  59. }
  60. }