styles.css 2.9 KB

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