activities.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. .activity-title {
  2. margin: 0 0.5em 0.8em;
  3. display: flex;
  4. justify-content: space-between;
  5. }
  6. .reactions-popup .add-comment-reaction {
  7. display: inline-block;
  8. cursor: pointer;
  9. border-radius: 5px;
  10. font-size: 22px;
  11. text-align: center;
  12. line-height: 30px;
  13. width: 40px;
  14. }
  15. .reactions-popup .add-comment-reaction:hover {
  16. background-color: #b0c4de;
  17. }
  18. .activities {
  19. clear: both;
  20. }
  21. .activities .activity {
  22. margin: 0.5px 0;
  23. padding: 6px 0;
  24. display: flex;
  25. }
  26. .activities .activity .member {
  27. width: 32px;
  28. height: 32px;
  29. }
  30. .activities .activity .activity-member {
  31. font-weight: 700;
  32. }
  33. .activities .activity .activity-desc {
  34. word-wrap: break-word;
  35. overflow: hidden;
  36. flex: 1;
  37. align-self: center;
  38. margin: 0;
  39. margin-left: 3px;
  40. overflow: hidden;
  41. word-break: break-word;
  42. }
  43. .activities .activity .activity-desc .activity-comment {
  44. display: block;
  45. border-radius: 3px;
  46. background: #fff;
  47. text-decoration: none;
  48. box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  49. margin-top: 5px;
  50. padding: 5px;
  51. }
  52. .activities .activity .activity-desc .activity-checklist {
  53. display: block;
  54. border-radius: 3px;
  55. background: #fff;
  56. text-decoration: none;
  57. box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  58. margin-top: 5px;
  59. padding: 5px;
  60. }
  61. .activities .activity .activity-desc .activity-meta {
  62. font-size: 0.8em;
  63. color: #999;
  64. }