view.css 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. /*--- Comment Viewed By ---*/
  2. div.bx-view-by-list {}
  3. div.bx-view-by-list-cnt {
  4. max-height: 200px;
  5. max-height: 12.5rem;
  6. min-width: 220px;
  7. min-width: 13.75rem;
  8. overflow: auto;
  9. }
  10. div.bx-view-user {
  11. position: relative;
  12. }
  13. div.bx-view-user-avatar {
  14. position: absolute;
  15. top: 0px;
  16. left: 0px;
  17. }
  18. div.bx-view-user-info {
  19. display: -webkit-flex;
  20. display: flex;
  21. -webkit-align-items: center;
  22. align-items: center;
  23. }
  24. div.bx-view-user-name {
  25. text-overflow: ellipsis;
  26. overflow: hidden;
  27. }
  28. div.bx-view-user-name a.bx-view-user-name {
  29. font-weight: 700;
  30. }
  31. div.bx-view-user-name span.bx-view-user-info {
  32. white-space: nowrap;
  33. }
  34. /*--- View Element Styles ---*/
  35. div.bx-view-element-holder,
  36. div.bx-view-counter-holder {
  37. position: relative;
  38. float: left;
  39. line-height: 20px;
  40. line-height: 1.25rem;
  41. }
  42. .bx-view-button .bx-view-element-holder,
  43. .bx-view-button .bx-view-counter-holder {
  44. line-height: 36px;
  45. line-height: 2.2rem;
  46. }
  47. .bx-view-button-small .bx-view-element-holder,
  48. .bx-view-button-small .bx-view-counter-holder {
  49. line-height: 24px;
  50. line-height: 1.6rem;
  51. }
  52. .bx-view-element-holder .bx-view-do-view.bx-view-disabled,
  53. .bx-view-element-holder .bx-view-do-view.bx-view-disabled .sys-icon {
  54. color: #ddd;
  55. }
  56. .bx-view-button .bx-view-counter-holder .bx-btn-height,
  57. .bx-view-button-small .bx-view-counter-holder .bx-btn-height {
  58. font-size: 1.5rem;
  59. }
  60. /*--- Counter Styles ---*/
  61. .bx-view-counter .bx-view-counter-label.bx-def-valign-center .bx-view-counter-text {
  62. line-height: normal;
  63. }
  64. .bx-view-counter span.bx-view-counter-icon {
  65. position: relative;
  66. box-sizing: border-box;
  67. width: 2.0rem;
  68. height: 2.0rem;
  69. background-color: rgba(232, 232, 232, 1.0);
  70. border: 1px solid #ffffff;
  71. border-radius: 1rem;
  72. font-size: 1.0rem;
  73. }
  74. .bx-view-counter span.bx-view-counter-icon:not(.bx-def-align-center) {
  75. display: inline-block;
  76. line-height: 1.9rem;
  77. text-align: center;
  78. }
  79. .bx-view-counter span.bx-view-counter-icon .sys-icon {
  80. vertical-align: top;
  81. }