_minimized_chats.scss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. #conversejs.fullscreen {
  2. #minimized-chats {
  3. border-top-left-radius: $chatbox-border-radius;
  4. border-top-right-radius: $chatbox-border-radius;
  5. color: $inverse-link-color;
  6. display: none;
  7. float: right;
  8. font-weight: bold;
  9. height: 100%;
  10. margin: 0 $chat-gutter;
  11. padding: 0;
  12. width: 130px;
  13. #toggle-minimized-chats {
  14. border-top-left-radius: $chatbox-border-radius;
  15. border-top-right-radius: $chatbox-border-radius;
  16. background-color: $link-color;
  17. color: white;
  18. position: relative;
  19. padding: 10px 0 0 0;
  20. display: block;
  21. width: 100%;
  22. height: 100%;
  23. text-align: center;
  24. }
  25. .minimized-chats-flyout {
  26. height: auto;
  27. bottom: $bottom-gutter-height;
  28. .chat-head {
  29. padding: 0.3em;
  30. border-radius: $chatbox-border-radius;
  31. width: $minimized-chats-width;
  32. height: 35px;
  33. margin-bottom: 0.2em;
  34. box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
  35. }
  36. &.minimized {
  37. height: auto;
  38. }
  39. }
  40. .unread-message-count {
  41. font-weight: bold;
  42. background-color: white;
  43. border: 1px solid;
  44. text-shadow: 1px 1px 0 $text-shadow-color;
  45. color: $warning-color;
  46. border-radius: 5px;
  47. padding: 2px 4px;
  48. font-size: 16px;
  49. text-align: center;
  50. position: absolute;
  51. right: 116px;
  52. bottom: 10px;
  53. }
  54. }
  55. }