2
0

_minimized_chats.scss 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. #conversejs.converse-overlayed {
  2. #minimized-chats {
  3. order: 100;
  4. width: $minimized-chats-width;
  5. margin-bottom: 0;
  6. border-top-left-radius: $chatbox-border-radius;
  7. border-top-right-radius: $chatbox-border-radius;
  8. color: $inverse-link-color;
  9. margin-right: $chat-gutter;
  10. padding: 0;
  11. .badge {
  12. bottom: 8px;
  13. border: 1px solid $gray-color;
  14. }
  15. #toggle-minimized-chats {
  16. border-top-left-radius: $chatbox-border-radius;
  17. border-top-right-radius: $chatbox-border-radius;
  18. background-color: $link-color;
  19. padding: 1em 0 0 0;
  20. text-align: center;
  21. color: white;
  22. white-space: nowrap;
  23. overflow-y: hidden;
  24. text-overflow: ellipsis;
  25. display: block;
  26. height: 45px;
  27. }
  28. a.restore-chat {
  29. padding: 1px 0 1px 5px;
  30. color: $chat-head-text-color;
  31. line-height: 15px;
  32. display: block;
  33. overflow: hidden;
  34. text-overflow: ellipsis;
  35. white-space: nowrap;
  36. &:hover {
  37. text-decoration: none;
  38. }
  39. }
  40. a.restore-chat:visited {
  41. color: $chat-head-text-color;
  42. }
  43. .minimized-chats-flyout {
  44. flex-direction: column-reverse;
  45. bottom: 42px;
  46. width: $minimized-chats-width;
  47. .chat-head {
  48. padding: 0.3em;
  49. border-radius: $chatbox-border-radius;
  50. height: 35px;
  51. margin-bottom: 0.2em;
  52. box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
  53. width: 100%;
  54. }
  55. &.minimized {
  56. height: auto;
  57. }
  58. }
  59. .unread-message-count {
  60. font-weight: bold;
  61. background-color: white;
  62. border: 1px solid;
  63. text-shadow: 1px 1px 0 $text-shadow-color;
  64. color: $warning-color;
  65. border-radius: 5px;
  66. padding: 2px 4px;
  67. font-size: 16px;
  68. text-align: center;
  69. position: absolute;
  70. right: 116px;
  71. bottom: 10px;
  72. }
  73. .unread-message-count-hidden,
  74. .chat-head-message-count-hidden {
  75. display: none;
  76. }
  77. }
  78. }