sentry-hovercard.less 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. /**
  2. * HoverCard
  3. * ============================================================================
  4. */
  5. .hovercard {
  6. @hovercard-padding: 16px;
  7. .commit-heading {
  8. margin: 10px 0;
  9. }
  10. .commit {
  11. margin-top: 5px;
  12. margin-bottom: 0;
  13. position: relative;
  14. padding: 1px 0 0 25px;
  15. font-size: 13px;
  16. .commit-avatar {
  17. position: absolute;
  18. width: 19px;
  19. height: 19px;
  20. top: 2px;
  21. left: 0;
  22. .avatar {
  23. width: 19px;
  24. height: 19px;
  25. }
  26. }
  27. .commit-message {
  28. line-height: 1.4;
  29. margin: 2px 0 5px;
  30. }
  31. .commit-meta {
  32. font-size: 12px;
  33. color: @70;
  34. }
  35. }
  36. .divider {
  37. position: relative;
  38. margin: 10px 0;
  39. padding: 0 10px;
  40. &:before {
  41. display: block;
  42. position: absolute;
  43. content: '';
  44. height: 1px;
  45. top: 50%;
  46. left: -@hovercard-padding;
  47. right: -@hovercard-padding;
  48. background: @trim;
  49. opacity: 0.6;
  50. z-index: -1;
  51. }
  52. h6 {
  53. display: inline;
  54. background: #fff;
  55. padding: 0 5px;
  56. margin-left: -15px;
  57. }
  58. }
  59. h6 {
  60. color: @50 !important;
  61. font-size: 11px !important;
  62. margin-bottom: 4px !important;
  63. text-transform: uppercase;
  64. }
  65. p {
  66. line-height: 1.4;
  67. margin-bottom: 15px;
  68. }
  69. .count-since {
  70. color: @80;
  71. font-size: 22px;
  72. padding: 3px 0 0;
  73. }
  74. .deploy-heading {
  75. margin: 10px 0;
  76. }
  77. .deploy {
  78. margin-top: 5px;
  79. font-size: 13px;
  80. .deploy-meta {
  81. font-size: 12px;
  82. color: @70;
  83. }
  84. }
  85. .issue-list-body {
  86. max-height: 300px;
  87. overflow-y: auto;
  88. }
  89. }