2
0

_minimized_chats.scss 2.5 KB

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