Files
personal-wiki/.obsidian/snippets/ITS-Dataview-Cards.css
Daniel 339396e447 feat: Excalidraw + Banner plugins + ITS CSS snippets
Plugins installed:
  obsidian-excalidraw-plugin
    manifest.json + styles.css tracked in git
    main.js (8MB) excluded from git — downloaded by setup-vault.sh on first run
  obsidian-banners
    manifest.json + main.js + styles.css all tracked (148KB, acceptable)

CSS Snippets (ITS Theme by SlRvb):
  ITS-Dataview-Cards.css  — transforms TABLE queries into visual card grids
    Usage: use backtick-dataview-cards instead of backtick-dataview above query
  ITS-Image-Adjustments.css — fine-grained image sizing in notes
    Usage: caption images with |100 or wrap in image-adjustments callout

Config updates:
  community-plugins.json — added obsidian-excalidraw-plugin, obsidian-banners
  appearance.json        — added ITS-Dataview-Cards + ITS-Image-Adjustments snippets
                           (vault-colors preserved)
  .gitignore             — added excalidraw main.js exclusion rule

setup-vault.sh — step 5: auto-downloads Excalidraw main.js if missing
  curl from GitHub releases/latest, skips if already present

Canvas updates (Obsidian saved state):
  welcome.canvas — user added Cosmic Brain GIF at top
  main.canvas    — user added brand assets to Wiki Pages zone
  Wiki Map.canvas — Obsidian format normalised
2026-04-07 13:48:28 +03:00

65 lines
1.8 KiB
CSS

.dvl-c .table-view-table > thead::before {
content: "⚙";
font-family: var(--its, var(--default-font));
float: right;
padding: 5px 10px 5px 10px;
}
.dvl-c .table-view-table > thead > tr {
display: flex;
flex-direction: row;
border: 1px solid var(--outline, var(--background-modifier-box-shadow));
margin: 0;
flex-wrap: wrap;
border-radius: var(--radius, 3px);
}
.dvl-c table .table-view-table > thead > tr {
position: absolute;
right: 0;
}
.dvl-c .table-view-table > thead:not(:hover) > * {
display: none;
}
.dvl-c .dataview th {
font-family: var(--default-font);
background: var(--note, var(--background-primary));
font-size: var(--f-s-text, var(--editor-font-size));
border: 0;
color: var(--text, var(--text-normal));
opacity: 1;
}
.dvl-c .dataview th:hover {
background: var(--td, var(--background-modifier-form-field));
}
.dvl-c .list-view-ul li, .dvl-c .dataview.table-view-table > tbody > tr {
display: flex;
flex-direction: column;
background-color: var(--aside-bg, var(--background-primary-alt));
box-shadow: var(--outline, var(--background-modifier-box-shadow)) 0px 0px 0px 1px, var(--outline, var(--background-modifier-box-shadow)) 0px 2px 4px;
margin: 5px 0;
padding: 10px;
border-radius: var(--radius, 3px);
border: 0;
}
.dvl-c .list-view-ul, .dvl-c .dataview.table-view-table > tbody.table-view-tbody {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-inline-start: 0;
}
.dvl-c .block-language-dataviewjs .dataview-result-list-li, .dvl-c .list-view-ul li, .dvl-c .dataview.table-view-table > tbody > tr {
flex: 1 0 150px;
margin: 10px;
}
.dvl-c .dataview.dataview.table-view-table td {
padding: 0;
background-color: transparent;
border: 0;
}
.dvl-c .list-view-ul li::before {
display: none;
}
.dvl-c .dataview.table-view-table li {
box-shadow: none;
border: 0;
padding: 0;
}