index.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. #viewerContainer {
  2. background-color: #e5e5e5;
  3. height: 100vh;
  4. }
  5. .main-nav.navbar {
  6. position: fixed;
  7. left: 0;
  8. top: 0;
  9. padding: 0;
  10. background: #F1F1F1;
  11. color: #333;
  12. }
  13. #list-heading {
  14. width: 100%;
  15. height: 50px;
  16. display: flex;
  17. align-items: center;
  18. justify-content: center;
  19. }
  20. #list-heading::after {
  21. content: "";
  22. display: block;
  23. left: 50%;
  24. width: 80%;
  25. height: 1px;
  26. background-color: rgba(0, 0, 0, 0.11);
  27. transform: translateX(-50%);
  28. color: #0c5f78;
  29. position: absolute;
  30. top: 50px;
  31. }
  32. #reportsList {
  33. padding: .5rem 0;
  34. height: calc(100vh - 50px - 2em);
  35. width: 100%;
  36. overflow: auto;
  37. flex-wrap: nowrap;
  38. }
  39. .reportList_item {
  40. cursor: pointer;
  41. color: #2b2b2b;
  42. padding: 0 1rem;
  43. font-size: 15px;
  44. height: 34px;
  45. display: flex;
  46. align-items: center;
  47. transition-duration: .2s;
  48. flex-shrink: 0;
  49. }
  50. .reportList_item > span {
  51. white-space: nowrap;
  52. width: 100%;
  53. overflow: hidden;
  54. text-overflow: ellipsis;
  55. }
  56. .reportList_item:hover {
  57. color: white;
  58. background-color: #1b5166;
  59. }
  60. .reportList_item.active:hover {
  61. color: white;
  62. background-color: #1b5166;
  63. }
  64. .reportList_item.active {
  65. color: white;
  66. background-color: #3b7186;
  67. }