Adjust font size/family for notes independently of UI

bugmenot3

Currently, if you want to increase the text size for notes, one option would be to make the UI bigger. With that you also get bigger toolbars and UI elements that occupy precious screen real estate when using a low-res display.

Maybe we need to have a setting to adjust the font size as well as font family for notes independently of the UI. This may help with eye strain.

Pesala

@bugmenot3 Or allow Zoom in Web Panels

Setting the font size or zooming would need to be independent for each web panel, as some web panels might have fonts that are too large, e.g. Bing Translator.

0_1545428133168_Bing Translator.png

My UI Zoom is set to 110% primarily for the benefit of my Speed Dial page to neatly fit four columns on my 1200 pixel wide monitor or six columns on my 1920 pixel wide secondary monitor.

If it is only for the Notes Panel that this is needed, then changing the font would be the best way to go.

bugmenot3

@Pesala thank you for the suggestion.

Yes, I am mainly interested in the Notes Panel instead of web panels. It would be perfect if the font size of a note could be changed using keyboard shortcuts like Ctrl +/-.

Modding, however, I am not comfortable with that so I'll have to wait for Vivaldi developers to add this feature at some point.

xandork

I know this post is old, but this feature would be to die for. The default font size for the notes panel is so small! I don't want to make the UI huge, I just want to make the font readable!

antoine.luboz

@bugmenot3 said in Adjust font size/family for notes independently of UI:

have a setting to adjust the font

I would also like to be able to chose the font used in the notes edition and display to be not the default UI but another one. Cascadia Code in my case which is a font that supports ligatures and hence allows to easily type arrows for example.

friscodelrosario

@xandork
Yep, I've visited the user forum for the first time since installing Vivaldi with the same desire: Font sizing within the Notes panel without resorting to UI zoom.

Pesala

Note

You can zoom in with the scrollwheel if you open the note in the Note Editor.

ACheuUMW

@Pesala I would like to be able to Zoom in and out in my panel - I use the Panel for DuoLingo while I wait for other things to happen but I am not able to do so or how. The scroll on my mouse just goes up and down, not zoom. where is this setting?

Pesala

@ACheuUMW Web Panel Zoom has been on the wish list for ages. It is not available yet.

Right-click on the Notes Panel Icon to open the note in the Notes Editor.

0bit

Hi folks, I started to use Vivaldi recently and encountered the same problem (small font size in the note panel). Current solutions either require editing notes in the full-page note manager (not convenient since I want to write notes side by side to some opened pages) or zooming the entire UI (not ideal since I don't want the UI to waste spaces unnecessarily). This simple (but essential) issue was raised about three years ago, it's hard to believe it hasn't been resolved yet.

Here is my workaround:

(1) Enable the Vivaldi modding support following this guide. Don't be afraid! I assume you all run the latest Vivaldi (above 2.6), if so, the enabling process is very simple - just tick some setting options and select an arbitrary folder to hold the modding files (will be provided below).

(2) Save the below lines into a text file, and rename it to "note-mod.css" (or anything.css as you prefer, you only need to ensure the ".css" extension), you can also adjust the "font-size" (the higher, the larger):

.NotesEditor-Editor {
font-size: 18px;
}

(3) Put this .css file into the folder you specified in step (1), then restart Vivaldi, you will find the font size in the note panel changes!

NOTE: I tested this solution on the latest Vivaldi version (4.3) and it works well. You can also change the font itself besides size, w/ the following lines in the .css (this changes the font to "monospace", you can also choose your own):

.NotesEditor-Editor {
font-size: 18px;
font-family: monospace;
}

Pesala

It is now possible to zoom in or out on any web panel using the toolbar buttons.

g_bartsch

I badly want to make the font smaller in the bookmark panel and reduce the line spacing between items with the goal of being able see more items before having to scroll. This idea applies to History, Workspaces, etc. In the past I had been able to customize the UI to achieve this but cannot now.