_chatrooms.scss 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. #conversejs.converse-fullscreen,
  2. #conversejs.converse-mobile {
  3. .chat-head-chatroom {
  4. height: $chatroom-head-height;
  5. font-size: 20px;
  6. .chat-title {
  7. .chatroom-description {
  8. font-size: 65%;
  9. }
  10. }
  11. }
  12. .chatroom {
  13. .box-flyout {
  14. background-color: $chatroom-head-color;
  15. border: $flyout-padding solid $chatroom-head-color;
  16. border-top: 0.8em solid $chatroom-head-color;
  17. width: 100%;
  18. .chatroom-body {
  19. @include border-top-radius($chatbox-border-radius);
  20. .chatroom-form-container {
  21. border-radius: $chatbox-border-radius;
  22. }
  23. .chat-area {
  24. border-top-left-radius: $chatbox-border-radius;
  25. min-width: auto;
  26. .chat-content {
  27. border-top-left-radius: $chatbox-border-radius;
  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. }