How to eliminate elements of the new progress bar?

I was able to remove the new timeline with a code that was posted in the Ultimate timeline review thread:

‘.forecast {display: none;}’+
‘.dashboard .progress-and-forecast {grid-template-columns: 0;}’+
‘.dashboard section.lessons-and-reviews li {flex: auto !important;}’+

(insert on line 194 of the Wanikani Ultimate Timeline) but I was wondering if there is a similar trick to remove elements of the level progress bar. In particular, I would love to be able to remove the radicals since it takes too much space. Thanks for any suggestions.

3 Likes

Using the stylus extension you can write your own CSS. It’s really pretty simple to do.
Made my dashboard more condensed.

3 Likes

You could add something like this

.progress-component > div:nth-of-type(2) {display: none;}
1 Like

Wow that dashboard looks :ok_hand: sparkling clean, minimalist style! Also like the way stuff is broken down per SRS level. Really well done!

1 Like

There’s some extra space in portrait mode, adding this seems to get rid of it:

'.dashboard .progress-and-forecast .dashboard-progress {grid-column-start: 1; grid-column-end: span 6;}'+

It also keeps the buttons sizes if you want that.

1 Like

It works! Yay! Thanks!

1 Like

HA! HA! HA! We have defeated you Wanikani! LOL
Thanks for this!

1 Like

That’s the final result after using @Kumirei’s suggestion.

1 Like

Also, “Dashboard Level” script shows your current level, and matches well with the Lessons and Reviews modification.

image

2 Likes

Link to this userscript here: https://greasyfork.org/en/scripts/383374-wanikani-dashboard-level

2 Likes

How did you get the old style lesson and review buttons back?

3 Likes

Perfect. Thank you!

1 Like