_page_list.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. .page-list :global {
  2. .btn-page-item-control {
  3. width: 20px;
  4. height: 20px;
  5. padding: 0px;
  6. }
  7. .page-list-ul {
  8. padding-left: 0;
  9. margin: 0;
  10. > li {
  11. list-style: none;
  12. > a {
  13. padding: 0px;
  14. color: inherit;
  15. &:hover {
  16. color: inherit;
  17. }
  18. }
  19. }
  20. .user-picture {
  21. width: 16px;
  22. height: 16px;
  23. vertical-align: text-bottom;
  24. &.user-picture-md {
  25. width: 20px;
  26. height: 20px;
  27. }
  28. }
  29. .page-list-meta {
  30. font-size: 0.9em;
  31. > span {
  32. margin-right: 0.3rem;
  33. }
  34. i {
  35. margin-right: 2px;
  36. }
  37. .seen-users-count {
  38. &.strength-0,
  39. &.strength-1,
  40. &.strength-2 {
  41. font-weight: bold;
  42. }
  43. &.strength-3 {
  44. font-weight: normal;
  45. }
  46. &.strength-4 {
  47. opacity: 0.5;
  48. }
  49. }
  50. }
  51. // after second level indent
  52. .page-list-ul {
  53. padding-left: 2rem;
  54. }
  55. // override .page-list-ul
  56. &.page-list-ul-flat {
  57. padding-left: 0;
  58. }
  59. }
  60. // List group
  61. .list-group {
  62. .list-group-item {
  63. min-height: 136px;
  64. .page-list-updated-at {
  65. font-size: 12px;
  66. }
  67. &.list-group-item-action {
  68. border-left: solid 3px transparent;
  69. }
  70. }
  71. }
  72. }