[Wiki] CSS snippets to make things more compact and information dense and/or less visually obtrusive

Ah, an oversight then. Still, might be worth telling the team to remove the unused stuff to avoid it causing problems in edge cases like this one.

2 Likes

Is there a way to reduce this space? (Between title and Source and Tags). Also, what is the :hover for the “Show Source”? I never know where to click, so I have to wave the mouse around. It’s one thing I would like visible, if possible. Thanks!

3 Likes

Updated the OP with a new snippet for space between a bullet and its rem text and made it into an actual wiki. Contributors welcome!

1 Like

same concern here because I’m printing my notes on notebook paper and that’s a lot of space wasted :frowning:

I tried to update this wiki in the Requests section, and to add a section “Make elements more prominent”. I hope I didn’t mess up anything! I might suggest renaming this page to be more general, "CSS snippets to adjust compactness and minimalness: :smiley:

2 Likes

Edited the edits, renamed the topic. Please don’t add stuff that doesn’t have to do with the goals: Hannes’ kanban is an additional feature.

1 Like

No problem! Sorry about that!

1 Like

This is really useful! Just wondering if you know how to reduce the minimum size an image can be resized to? Line height doesn’t have any effect.

Is there a way to hide the “Flashcards” and “Edit Later” in the Sidebar? I never need those things and that’s prime real estate for me.

div.flex.items-center.mb-1.h-\[32px\].overflow-hidden.text-gray-60 {
	display : none;
}
4 Likes

Thanks so much Achyut! Worked so perfectly! I will add it to the wiki.

3 Likes

Hi, @UMNiK ! I changed the Header 2 with this code, but it seems to affect the way these documents are displayed when zoomed in (as titles, I think). Is there a way to make these changes not affect the document title format? I hope I’m being clear. Thanks!

Sure, here you go.

/* smaller and less bold headers, except for when they are zoomed into */
.rem-text.rem-header--1:not(.document-title) {
	font-size: 22px; /* regular text size is 16px */
	font-family: Segoe UI; /* Inter is the default */
	font-weight: 500; /* 700 is the default */
}

.rem-text.rem-header--2:not(.document-title) {

	font-size: 20px; /* regular text size is 16px */
	font-family: Segoe UI; /* Inter is the default */
	font-weight: 500; /* 700 is the default */
}

.rem-text.rem-header--3:not(.document-title) {
	font-size: 18px; /* regular text size is 16px */
	font-family: Segoe UI; /* Inter is the default */
	font-weight: 500; /* 700 is the default */
}
3 Likes

Excelent, thanks! Worked perfectly :slight_smile:

1 Like

The hide alias code doesn’t seem to work in the latest update

Some snippets have their own thread, Declutter Aliases is one of them.

This css seems to not work anymore in some of the recent updates. Does anyone know the proper updated css to remove UI items like “Type / for commands”

How about the updated version in the OP?

Thank you! Sorry I did not noticed the updated code above, thanks for linking it!

1 Like