@anon41901724 Thank you for finding the answer to this. I use obsidian for fiction and needed a way to differentiate between paragraphs - success!. However, on mobile I can’t get the edit mode mirror to function (shame because mobile is my primary first draft tool). Curious if you’ve experienced this on mobile, and if so have you found a fix?
Dev console: OK, I understand, though would not know how to use that, and I guess most “average” users would not either.
So, to all intents and purposes that is not practical. So, like you said, your snippet should really be used in combination with the plug-in to be easier to use.
Anybody knows how to disable horizontal scroll in File Explorer pane, or (optional) display shortened file names? Both of these are implemented in Minimal theme, so it seems it’s possible.
Any glue?
Thanks!
@chumido I do not know the CSS code you are using, but this works for me:
/* Tag pills in edit mode */
.CodeMirror-line span.cm-hashtag-begin {
background-color: var(--yellow59);
color: white !important;
border-top-left-radius: 4px; /* PB changed from 15 to go from rounded to rectangle */
border-bottom-left-radius: 4px; /* PB changed from 15 to go from rounded to rectangle */
padding-left:6px;
padding-top: 1px;
border-right:none;
display: inline-block;
text-decoration: none;
font-size: 14px;
}
.CodeMirror-line span.cm-hashtag-end {
background-color: var(--yellow59);
color: white !important;
border-top-right-radius: 4px; /* PB changed from 15 to go from rounded to rectangle */
border-bottom-right-radius: 4px; /* PB changed from 15 to go from rounded to rectangle */
padding-right:6px;
padding-bottom: 1px;
border-left:none;
display: inline-block;
text-decoration: none;
font-size: 14px;
}
You might have to change the font size and paddings. Changing the border radius will affect the shape of the tage from a pill, as per your screenshot, to more rectangular, or to circular/disk-shaped.