git-log--graph icon indicating copy to clipboard operation
git-log--graph copied to clipboard

how to change the font size and family, that is too small

Open heartacker opened this issue 1 year ago • 7 comments

heartacker avatar Mar 19 '24 01:03 heartacker

There is no setting for that, but you can use the "git-log--graph.custom-css" option and inject your custom styling rules. Use VSCode's developer tools to find the right spots, it's like editing a normal website with Chrom(ium).

That said, I'm surprised you think it's too small. IIRC I set the font size to exactly what the surrounding IDE also has, so it should be just as big as everything else, and zoom in accordingly with the global Zoom In command.

But so I guess we could add a font-size setting, but then again is that it? Or are there another 20 style-related things that should be configurable?

phil294 avatar Mar 19 '24 20:03 phil294

There is no setting for that, but you can use the "git-log--graph.custom-css" option and inject your custom styling rules. Use VSCode's developer tools to find the right spots, it's like editing a normal website with Chrom(ium).

That said, I'm surprised you think it's too small. IIRC I set the font size to exactly what the surrounding IDE also has, so it should be just as big as everything else, and zoom in accordingly with the global Zoom In command.

But so I guess we could add a font-size setting, but then again is that it? Or are there another 20 style-related things that should be configurable?

I don/t konw css,could you please give me a demo ,please

heartacker avatar Mar 22 '24 04:03 heartacker

thanks

heartacker avatar Mar 22 '24 04:03 heartacker

oh yes, sure, in your users settings.json,

    "git-log--graph.custom-css": "body { font-size: 20px; }",

that's it.

You also might wanna increase the row height then though,

"git-log--graph.row-height": 30,

phil294 avatar Mar 22 '24 07:03 phil294

i dont konw why, it is not ok to change the size use

 "git-log--graph.custom-css": "body { font-size: 20px; }",

heartacker avatar Mar 22 '24 09:03 heartacker

it is not ok? what do you mean by that?

does it not work?

phil294 avatar Mar 22 '24 09:03 phil294

...you need to restart the extension after changes to the custom-css option. Most other options don't require you to do this, however

phil294 avatar Mar 22 '24 09:03 phil294