191 lines
3.9 KiB
CSS
191 lines
3.9 KiB
CSS
/*
|
|
Database Folders visual tweaks
|
|
(alignments, compact density, a few interactive bugs)
|
|
https://github.com/replete/obsidian-minimal-theme-css-snippets
|
|
*/
|
|
|
|
|
|
/* Header */
|
|
|
|
.database-plugin__header-menu {
|
|
transform:scale(0.75) translate(5px, 4px)
|
|
}
|
|
|
|
.database-plugin__header-menu .svg-icon svg {
|
|
fill:var(--tx2)
|
|
}
|
|
|
|
.database-plugin__th .svg-icon {
|
|
display:none !important;
|
|
}
|
|
|
|
.database-plugin__th > .database-plugin__header-menu .svg-icon {
|
|
display:block !important
|
|
}
|
|
|
|
.database-plugin__th-content {
|
|
transform:translate(0,-7px);
|
|
width:100%;
|
|
text-align:center !important;
|
|
justify-content:center;
|
|
font-size:12px;
|
|
}
|
|
|
|
/* main */
|
|
|
|
.database-plugin__th {
|
|
overflow: hidden !important;
|
|
}
|
|
.database-plugin__tr:nth-of-type(2n-1) .database-plugin__td:last-child {
|
|
background: linear-gradient(to right, var(--background-secondary), var(--tab-container-background))
|
|
}
|
|
|
|
.database-plugin__tr.database-plugin__footer-group:last-child .database-plugin__td:last-child {
|
|
background:var(--tab-container-background);
|
|
}
|
|
|
|
.database-plugin__td.database-plugin__footer {
|
|
border:none
|
|
}
|
|
|
|
.database-plugin__tbody .database-plugin__tr:last-child .database-plugin__td {
|
|
border-bottom:1px solid var(--background-modifier-border);
|
|
}
|
|
|
|
|
|
|
|
.database-plugin__td {
|
|
padding:0 !important
|
|
}
|
|
|
|
/* Fix target/focus outlines */
|
|
.database-plugin__td:hover {
|
|
box-shadow:none !important
|
|
}
|
|
|
|
.database-plugin__td > span:focus {
|
|
box-shadow:none !important;
|
|
}
|
|
|
|
.database-plugin__td:hover {
|
|
outline:none
|
|
}
|
|
|
|
.database-plugin__tr .database-plugin__td:last-child:hover {
|
|
outline:none;
|
|
background:inherit
|
|
}
|
|
|
|
.database-plugin__td:focus-within {
|
|
outline: 1px solid var(--tx3);
|
|
background-color:inherit;
|
|
}
|
|
|
|
.database-plugin__td a[href] {
|
|
color:var(--tx2);
|
|
text-decoration:none;
|
|
}
|
|
|
|
.database-plugin__td a[href*='.md']::after {
|
|
content:'MD';
|
|
color:var(--tx3);
|
|
display:inline-block;
|
|
font-size:8px;
|
|
font-weight:bold;
|
|
padding:2px;
|
|
margin-left:2px;
|
|
background:var(--bg2);
|
|
border-radius: 4px;
|
|
line-height:1em;
|
|
transform:translate(0,-2px)
|
|
|
|
}
|
|
|
|
/* partial fix of outline hover issue */
|
|
.database-plugin__tr:hover,
|
|
.database-plugin__tr:hover .database-plugin__td {
|
|
z-index:500
|
|
}
|
|
|
|
.database-plugin__tr .database-plugin__td:first-child .database-plugin__relationship[style] {
|
|
background-color:transparent !important
|
|
}
|
|
|
|
.database-plugin__tr .database-plugin__td:first-child p {
|
|
color: var(--tx2) !important;
|
|
opacity:.6;
|
|
}
|
|
|
|
|
|
.database-plugin__tr:nth-of-type(2n-1) .database-plugin__td:first-child {
|
|
background:var(--background-secondary)
|
|
}
|
|
|
|
/* checkbox */
|
|
.theme-light .database-plugin__td input[type=checkbox]{
|
|
border-color:var(--tx3) !important;
|
|
}
|
|
|
|
.database-plugin__td input[type=checkbox]{
|
|
border-color:var(--tx2);
|
|
transform:translate(0,0px)
|
|
}
|
|
.database-plugin__td input[type=checkbox]:checked {
|
|
border:none;
|
|
background-color:var(--tx2)
|
|
}
|
|
|
|
.theme-light .database-plugin__td input[type=checkbox]:checked {
|
|
background-color:var(--tx3)
|
|
}
|
|
|
|
.database-plugin__td input[type=checkbox]:focus {
|
|
outline:none
|
|
}
|
|
|
|
.database-plugin__td.data-input textarea.database-plugin__editor-cell {
|
|
/* resize:none; */
|
|
border-radius:0;
|
|
margin-bottom:-2px;
|
|
}
|
|
|
|
|
|
|
|
/* Header search */
|
|
.database-plugin__th input[type=text] {
|
|
border-radius:0 !important;
|
|
border-left:0;
|
|
border-right:0;
|
|
}
|
|
|
|
.database-plugin__th input[type=text]::placeholder {
|
|
font-size:11px;
|
|
}
|
|
|
|
|
|
/* Footer */
|
|
|
|
.database-plugin__tfoot .database-plugin__footer-group .database-plugin__td {
|
|
border-right-color: transparent !important;
|
|
}
|
|
|
|
.database-plugin__tfoot {
|
|
box-shadow: 0 -5px 5px -4px var(--background-secondary)
|
|
}
|
|
|
|
.database-plugin__table {
|
|
border-bottom-color:transparent !important
|
|
}
|
|
|
|
/* Pagination */
|
|
.database-plugin__pagination {
|
|
right:auto;
|
|
left:10px;
|
|
transform:scale(0.8);
|
|
}
|
|
.database-plugin__pagination-button {
|
|
border:1px solid var(--background-modifier-border) !important;
|
|
padding:4px !important;
|
|
}
|
|
|