styles.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. /** Live Preview padding fixes, specifically for DataviewJS custom HTML elements. */
  2. .is-live-preview .block-language-dataviewjs > p, .is-live-preview .block-language-dataviewjs > span {
  3. line-height: 1.0;
  4. }
  5. .block-language-dataview {
  6. overflow-y: auto;
  7. }
  8. /*****************/
  9. /** Table Views **/
  10. /*****************/
  11. /* List View Default Styling; rendered internally as a table. */
  12. .table-view-table {
  13. width: 100%;
  14. }
  15. .table-view-table > thead > tr, .table-view-table > tbody > tr {
  16. margin-top: 1em;
  17. margin-bottom: 1em;
  18. text-align: left;
  19. }
  20. .table-view-table > tbody > tr:hover {
  21. background-color: var(--table-row-background-hover);
  22. }
  23. .table-view-table > thead > tr > th {
  24. font-weight: 700;
  25. font-size: larger;
  26. border-top: none;
  27. border-left: none;
  28. border-right: none;
  29. border-bottom: solid;
  30. max-width: 100%;
  31. }
  32. .table-view-table > tbody > tr > td {
  33. text-align: left;
  34. border: none;
  35. font-weight: 400;
  36. max-width: 100%;
  37. }
  38. .table-view-table ul, .table-view-table ol {
  39. margin-block-start: 0.2em !important;
  40. margin-block-end: 0.2em !important;
  41. }
  42. /** Rendered value styling for any view. */
  43. .dataview-result-list-root-ul {
  44. padding: 0em !important;
  45. margin: 0em !important;
  46. }
  47. .dataview-result-list-ul {
  48. margin-block-start: 0.2em !important;
  49. margin-block-end: 0.2em !important;
  50. }
  51. /** Generic grouping styling. */
  52. .dataview.result-group {
  53. padding-left: 8px;
  54. }
  55. /*******************/
  56. /** Inline Fields **/
  57. /*******************/
  58. .dataview.inline-field-key {
  59. padding-left: 8px;
  60. padding-right: 8px;
  61. font-family: var(--font-monospace);
  62. background-color: var(--background-primary-alt);
  63. color: var(--text-nav-selected);
  64. }
  65. .dataview.inline-field-value {
  66. padding-left: 8px;
  67. padding-right: 8px;
  68. font-family: var(--font-monospace);
  69. background-color: var(--background-secondary-alt);
  70. color: var(--text-nav-selected);
  71. }
  72. .dataview.inline-field-standalone-value {
  73. padding-left: 8px;
  74. padding-right: 8px;
  75. font-family: var(--font-monospace);
  76. background-color: var(--background-secondary-alt);
  77. color: var(--text-nav-selected);
  78. }
  79. /***************/
  80. /** Task View **/
  81. /***************/
  82. .dataview.task-list-item, .dataview.task-list-basic-item {
  83. margin-top: 3px;
  84. margin-bottom: 3px;
  85. transition: 0.4s;
  86. }
  87. .dataview.task-list-item:hover, .dataview.task-list-basic-item:hover {
  88. background-color: var(--text-selection);
  89. box-shadow: -40px 0 0 var(--text-selection);
  90. cursor: pointer;
  91. }
  92. /*****************/
  93. /** Error Views **/
  94. /*****************/
  95. div.dataview-error-box {
  96. width: 100%;
  97. min-height: 150px;
  98. display: flex;
  99. align-items: center;
  100. justify-content: center;
  101. border: 4px dashed var(--background-secondary);
  102. }
  103. .dataview-error-message {
  104. color: var(--text-muted);
  105. text-align: center;
  106. }
  107. /*************************/
  108. /** Additional Metadata **/
  109. /*************************/
  110. .dataview.small-text {
  111. font-size: smaller;
  112. color: var(--text-muted);
  113. margin-left: 3px;
  114. }
  115. .dataview.small-text::before {
  116. content: "(";
  117. }
  118. .dataview.small-text::after {
  119. content: ")";
  120. }