Here are four more quick and easy, yet powerful tips that I found online - I hope you will like them. If you prefer a written version, you can find it here: sascha-kasper.com/obsidian-tweaks-tips-episode-ii/ Also, if you know any others, please let me know - including the original author. I will be happy to share them with the community in the spirit of learning together. Thank you.
Love your videos. Very well organized and put together, great production and information is very helpful. One thing I noticed...the command to display the Properties in the side panel seems to be acting up after adding the CSS snippet to hide the properties (display on hover). Now the side panel seems to be "kind of hiding" as well. It seems to be hiding all but the first line. Have you noticed this as well, or am I special. LOL.
Thank you very much - it means a lot! Yes, the snippet is also applied to the side panel. I don't know how to change this, unfortunately. Perhaps some CSS guru here can help us :)
Hey Sascha, Chek this out. I have modified a little hover properties css, now it only applies in root page. So in main document it wall be hovered but at side bar it will always show without hovering. @media screen and (min-width: 1024px) { .workspace-split.mod-vertical.mod-root .view-content { .metadata-container { max-height: 2.7rem; opacity: 0.6; overflow: hidden; transition: max-height 250ms ease-in-out, opacity 250ms; margin-bottom: 0; } .metadata-container:hover, .metadata-container:focus-within { max-height: 1000px; opacity: 1; transition: max-height 300ms ease-in-out, opacity 300ms; transition-delay: 0.5s; } } }
Dude, that's great. This makes it so much better. Thank you! I also updated my wiki, including a reference to you as the source. Great stuff, great community!
Such a great video! I've got the side pane one from another great UA-cam, but the hidden specific properties is a saviour! May I get some help with the syntax? I don't quite understand the css language, is it possible to add multiple properties to be hidden? I don't quite understand the syntax. Do I add everything inside the "a, b, c" or "a", "b", "c," or ' "a, b , c" '? Below is the css. div.metadata-properties > div.metadata-property[data-property-key=''"a", "b", "c"'] { display: none; }
I can copy and paste extra div.metadata-properties > div.metadata-property[data-property-key="a"] { display: none; } but I'm curious if I can make all of these in one line, so I can define each part for each type of file.
The best part of this snippet, in my use case, is that I can use this with the metadata menu plugin, in some cases, when I want a ton of metadata, like yaml for a book, or sth complicated. I can add whatever I want, and hide everything I don't come up to look for in the snippet, and then still view them via the metadata menu icon on the file (like the package icon next to the title on the tab bar). I get the functionality to easily modify the yaml (compared to the barebones source code, always gets inconsistencies), and still get a very clean view on live preview mode and reading mode!
I am glad it helps you. As far as I know - but I am not a CSS expert - you need to define each property to hide in a separate line. e.g.: div.metadata-properties > div.metadata-property[data-property-key="prop1"], div.metadata-properties > div.metadata-property[data-property-key="prop2"], div.metadata-properties > div.metadata-property[data-property-key="prop3"] { display: none; }
Yep, that's a great use case. If you are using the Metadata Menu Plugin: I recently published a detailed walkthrough video over here: ua-cam.com/video/kqx6KHniMCc/v-deo.html
Damn it, you stole my forth tip already. : ))))))) Sidebar, and what can go there and maybe even if someone has figured out how to collapse the panes down to a tile only, and re-expand on clicking. Hunt for a new tip...
Leider nein. Aber wenn du die Untertitel aktivierst, kanns du bei Einstellungen die automatische Uebersetzung nutzen. Habe es soben probiert und ist gar nicht so schlecht. Jedenfalls verstaendlich. Ich hoffe, das hilft.
Here are four more quick and easy, yet powerful tips that I found online - I hope you will like them.
If you prefer a written version, you can find it here: sascha-kasper.com/obsidian-tweaks-tips-episode-ii/
Also, if you know any others, please let me know - including the original author. I will be happy to share them with the community in the spirit of learning together. Thank you.
Love your videos. Very well organized and put together, great production and information is very helpful. One thing I noticed...the command to display the Properties in the side panel seems to be acting up after adding the CSS snippet to hide the properties (display on hover). Now the side panel seems to be "kind of hiding" as well. It seems to be hiding all but the first line. Have you noticed this as well, or am I special. LOL.
Thank you very much - it means a lot! Yes, the snippet is also applied to the side panel. I don't know how to change this, unfortunately. Perhaps some CSS guru here can help us :)
Yeah, for now, I ended up turning off seeing it in my notes and just having it up in the side panel. Just as effective really and always visible.
Hey Sascha,
Chek this out. I have modified a little hover properties css, now it only applies in root page. So in main document it wall be hovered but at side bar it will always show without hovering.
@media screen and (min-width: 1024px) {
.workspace-split.mod-vertical.mod-root .view-content {
.metadata-container {
max-height: 2.7rem;
opacity: 0.6;
overflow: hidden;
transition: max-height 250ms ease-in-out, opacity 250ms;
margin-bottom: 0;
}
.metadata-container:hover,
.metadata-container:focus-within {
max-height: 1000px;
opacity: 1;
transition: max-height 300ms ease-in-out,
opacity 300ms;
transition-delay: 0.5s;
}
}
}
Dude, that's great. This makes it so much better. Thank you!
I also updated my wiki, including a reference to you as the source.
Great stuff, great community!
Superb video
Thank you. That's very kind and encouraging feedback.
Such a great video! I've got the side pane one from another great UA-cam, but the hidden specific properties is a saviour! May I get some help with the syntax? I don't quite understand the css language, is it possible to add multiple properties to be hidden?
I don't quite understand the syntax. Do I add everything inside the "a, b, c" or "a", "b", "c," or ' "a, b , c" '? Below is the css.
div.metadata-properties > div.metadata-property[data-property-key=''"a", "b", "c"'] {
display: none;
}
I can copy and paste extra
div.metadata-properties > div.metadata-property[data-property-key="a"] {
display: none;
}
but I'm curious if I can make all of these in one line, so I can define each part for each type of file.
The best part of this snippet, in my use case, is that I can use this with the metadata menu plugin, in some cases, when I want a ton of metadata, like yaml for a book, or sth complicated. I can add whatever I want, and hide everything I don't come up to look for in the snippet, and then still view them via the metadata menu icon on the file (like the package icon next to the title on the tab bar). I get the functionality to easily modify the yaml (compared to the barebones source code, always gets inconsistencies), and still get a very clean view on live preview mode and reading mode!
I am glad it helps you. As far as I know - but I am not a CSS expert - you need to define each property to hide in a separate line. e.g.:
div.metadata-properties > div.metadata-property[data-property-key="prop1"],
div.metadata-properties > div.metadata-property[data-property-key="prop2"],
div.metadata-properties > div.metadata-property[data-property-key="prop3"] {
display: none;
}
I think that's the only way... But perhaps some CSS guru sees this and can help out.
Yep, that's a great use case. If you are using the Metadata Menu Plugin: I recently published a detailed walkthrough video over here: ua-cam.com/video/kqx6KHniMCc/v-deo.html
Damn it, you stole my forth tip already. : )))))))
Sidebar, and what can go there and maybe even if someone has figured out how to collapse the panes down to a tile only, and re-expand on clicking. Hunt for a new tip...
Thank you - I added it to my list. Always happy to get more input!
Gibt es diesen Kanal auch in deutsch?
Leider nein. Aber wenn du die Untertitel aktivierst, kanns du bei Einstellungen die automatische Uebersetzung nutzen. Habe es soben probiert und ist gar nicht so schlecht. Jedenfalls verstaendlich.
Ich hoffe, das hilft.