Context Examples Formatting

[Hibby]

In the past 5 or so levels, I’ve started taking the example sentences in the lessons more seriously and am now using them as some reading comprehension practice. There’s one problem for me though: the translation is just a tad bit too close and I end up reading both at the same time (kind of like how you try to understand anime through the audio and can’t help but read the Eng. subtitles). I just wish there was at least an option to put some sort of spoiler filter over the English version so I can give it a fair try before checking my answer. Thoughts?

ps: If this in fact a function and I just couldn’t find it, please let me know that I’m being a dumb dumb lol

[Gorbit99]

There is this userscript, if you are willing to use one

[Userscript]: Hide Context Sentence Translation

Hide Context Sentence Translation [image] In response to [request thread], here is a userscript for hiding the English translation of Context Sentences on the Lesson, Review, and Item pages. The translation is hidden under a gray box, and is revealed when you hover your cursor over the box. This is a third-party script/app and is not created by the WaniKani team. By using this, you understand that it can stop working at any time or be discontinued indefinitely. [Download here]

There’s also this very recent userstyle, which might be a bit simpler to use:

[usercss] Hide the English of context sentences in lessons, hover to reveal

I noticed the new layout changed HTML elements and my old stuff didn’t work anymore. Re-did it. UPDATE: Hadn’t noticed the thin white text-shadow when it’s in the selector thingy. Patched Just slap that in your favorite User CSS browser extension: .lesson-container .context-sentences p:last-child{ display: inline; background-color: #333; } .lesson-container .context-sentences p:last-child:hover{ background-color: transparent; } .subject-collocations .context-sentences p:last-child{ t…

[pabbles]

Hi!

I realized I forgot one case in my patch of user css. When you get the gray boxes you can click on, the context sentences get this slight white text shadow. Here’s the updated version of my thing:

.lesson-container .context-sentences p:last-child{
  display: inline;
  background-color: #333;
}

.lesson-container .context-sentences p:last-child:hover{
  background-color: transparent;
}

.subject-collocations .context-sentences p:last-child{
	text-shadow: none;
}

.subject-collocations .context-sentences p:last-child:hover{
	 text-shadow: 0 1px 0 #fff;
}