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

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.