_page_list.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  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. .picture {
  21. width: 16px;
  22. height: 16px;
  23. vertical-align: text-bottom;
  24. &.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. .footstamp-icon {
  38. svg {
  39. width: 14px;
  40. height: 14px;
  41. }
  42. }
  43. .seen-users-count {
  44. &.strength-0,
  45. &.strength-1,
  46. &.strength-2 {
  47. font-weight: bold;
  48. }
  49. &.strength-3 {
  50. font-weight: normal;
  51. }
  52. &.strength-4 {
  53. opacity: 0.5;
  54. }
  55. }
  56. }
  57. // after second level indent
  58. .page-list-ul {
  59. padding-left: 2rem;
  60. }
  61. // override .page-list-ul
  62. &.page-list-ul-flat {
  63. padding-left: 0;
  64. }
  65. }
  66. // List group
  67. .list-group {
  68. .list-group-item {
  69. min-height: 136px;
  70. .page-list-updated-at {
  71. font-size: 12px;
  72. }
  73. &.list-group-item-action {
  74. border-left: solid 3px transparent;
  75. }
  76. }
  77. }
  78. }