cours/.obsidian/snippets/omts-[ui] Compact Properties.css
Oscar Plaisant 29453462f9 [nb] Commit
2024-12-26 16:09:08 +01:00

95 lines
1.8 KiB
CSS

/*
Compact Properties
https://github.com/replete/obsidian-minimal-theme-css-snippets
*/
/* Compact style */
.cm-editor .metadata-container {
padding-top:0;
padding-bottom:6px;
}
.cm-editor .metadata-properties-heading {
display:none;
}
/* Autohide on hover for desktop */
body:not(.is-mobile) {
.cm-editor .metadata-container {
height:.5em;
margin-bottom:0;
.metadata-content {
display:none;
}
&::before {
content:'⋯';
display:block;
position:absolute;
height:100%;
width:100%;
line-height:1em;
text-indent:3px;
top:-4px;
pointer-events:none;
}
&:is(:hover,:focus-within) {
height:auto;
background: inherit;
&::before {
display:none;
}
.metadata-content {
display:inherit;
}
}
}
}
/* Hide properties on mobile */
body:is(.is-mobile) {
--metadata-display-editing: none;
}
/* Properties panel fixes */
.workspace-leaf-content[data-type=all-properties] {
.nav-header {
padding-top:6px;
padding-bottom:0;
.nav-buttons-container {
margin-right:0 !important;
padding-left:2px
}
/* correct icon alignment */
.clickable-icon svg {
transform: translate(-2px,0);
}
.search-input-container {
outline:2px solid red;
}
}
.tree-item {
/* fix properties panel item alignment */
padding-left: 15px;
/* more compact */
margin-top:-5px;
}
}
/* Hide banner in hover popover */
.hover-popover .metadata-container {
display:none !important;
outline: 2px solid red;
}