#77

Speaking of @Piotr’s horizontal lines, something’s going on with mine.
Screen Shot 2020-11-04 at 4.50.28 PM

The horizontal line itself is there but the dashes --- & *** don’t disappear like it used to. Not sure if this started after updating to 0.9.10 or I messed something up in my CSS (was trying to find which monospaced font looked best; changing it back didn’t work). Tried pasting the original code again but problem persists.

I did make the line thicker and less transparent to hide the dashes but it wouldn’t work for asterisks unless I made it extra thick, which I don’t want.

#78

@3mbry0: I use Piotr’s code for those dashes too, and in my vault it is still performing well.

#79

I added the lines:

  /* except footnote */
  div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-footref,
  div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-hmd-footnote {
     display: inline !important;
  }

it works for me …

#80

I’ve been using clutter-free edit mode and really enjoyed it. However, I met two challenges:

  1. Selecting text (shift+arrow keys or left-click + dragging cursor) inactivates text. This causes some issues with the boundaries of selection. How can we tell the css that selecting parts of the text is an activity that should set the text to be active (text set as activeline)?

if the gifs/videos below aren’t loading, you may view these on imgur (https://imgur.com/a/Jmh6YBJ).

  1. Can block embeds be rendered in edit mode? E.g. render a block embed ![[#^3846be]] as the text it points to.
6 Likes
Persist `.CodeMirror-activeline` class on editor text selection
#81

Has someone found a way to have a clutter free internal Link like [[Alias Link|Alias Text]]? Like with external Links I would love to only see the Alias Text in Clutterfree Mode.

#82

This is really great! I have one question. Do you think with the implementation of support of multiple concurrent themes that we could see a plugin develop around this css? For instance something that activates this WYSIWYG mode vs regular obsidian css theme?

Would that be non trivial?

#83

@OliverM: I am not a CSS expert nor a coder, so I cannot develop a plug-in. I understand that Licat will develop WYSIWYG starting some time in 2021.

I have set up my theme with a significant part of it as WYSIWYG workaround, hoping the real thing will materialise in the not too distant future. If you like I can let you have a copy of my theme just to see how I have set it up.

#84

That would be pretty awesome!

#85

@OliverM: here you go

Theme-Klaas-Vaak.css (37.3 KB)

3 Likes
#86

Maybe you are looking for this plugin:

#87

@OliverM: real WYSIWYG will be incorporated in Obsidian - see Licat’s comment.

#88

Instead of hiding all markdown clutter and then make exceptions, I tried to specify the elements to be hidden. Here are the codes for hiding Hide Bold, Italic, Strikethrough syntax

/* Hide Bold, Italic, Strikethrough Syntax */    
div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-strong,
div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-em,
div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-strikethrough,
{ display: none; }
#89

Not sure why any of these are not working for me. Pasted that last one to the bottom of the obsidian.css file.

Screen Shot 2020-12-15 at 6.54.58 AM
Screen Shot 2020-12-15 at 6.54.58 AM1041×330 53.3 KB

#90

Maybe try adding ‘!important’ for each line?

1 Like
#91

Maybe try adding ‘!important’ for each item?

1 Like
#92

Like so?

Screen Shot 2020-12-18 at 9.18.51 AM
Screen Shot 2020-12-18 at 9.18.51 AM906×452 53.1 KB

#93

I think you’re editing the obsidian.css.md file, because Obsidian doesn’t let you open CSS files directly.

Try finding this file in your file explorer, and renaming it to obsidian.css without the trailing .md.

1 Like
#94

So this is embarrassing…like you said, I was editing an obsidian.css.md file that was in one of the template workflow folders I’d gotten from the forum some months back.

I did try to do it in the css file itself, but I failed. I’ll try again and worst case I’ll wait for someone to work it into their plug-in. Thanks everyone.

#95

Please make sure it’s in the vault root, turn on the Apply obsidian.css option, and remove the .md extension. That should be all that’s needed to make it work.

I hope that helps!

1 Like
#96

Thank you! I’ve removed the .md extension and placed it in this folder.

Screen Shot 2020-12-23 at 7.06.13 AM
Screen Shot 2020-12-23 at 7.06.13 AM1220×325 31.6 KB
Screen Shot 2020-12-23 at 7.23.19 AM