dxfComparePanel.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. b {
  2. font-weight: bold;
  3. }
  4. .hide {
  5. display: none;
  6. }
  7. .compare-panel-container {
  8. position: absolute;
  9. top: 80px;
  10. right: 10px;
  11. width: 160px;
  12. height: auto;
  13. min-height: 200px;
  14. padding: 10px;
  15. z-index: 100;
  16. box-sizing: border-box;
  17. background-color: #fff;
  18. user-select: none;
  19. }
  20. .compare-panel-container h3 {
  21. position: fixed;
  22. margin: 0;
  23. padding-left: 5px;
  24. line-height: 30px;
  25. border-bottom: 1px solid #aaa;
  26. font-size: 14px;
  27. font-weight: bold;
  28. }
  29. .compare-detail {
  30. margin-top: 35px;
  31. max-height: 500px;
  32. overflow: hidden;
  33. cursor: pointer;
  34. }
  35. .compare-list {
  36. margin-top: 6px;
  37. }
  38. .list-title {
  39. display: flex;
  40. align-items: center;
  41. }
  42. .title-icon {
  43. padding: 5px;
  44. }
  45. .title-icon::before {
  46. content: '';
  47. display: block;
  48. width: 0;
  49. height: 0;
  50. border-right: 8px solid #666;
  51. border-top: 8px solid transparent;
  52. }
  53. .compare-collapse .title-icon::before {
  54. transform: rotate(-40deg);
  55. }
  56. .title-content {
  57. font-size: 12px;
  58. }
  59. .compare-detail ul {
  60. margin-left: 18px;
  61. max-height: 150px;
  62. font-size: 12px;
  63. overflow: scroll;
  64. }
  65. .compare-detail ul li {
  66. margin: 6px 0;
  67. }