angular-hotkeys icon indicating copy to clipboard operation
angular-hotkeys copied to clipboard

Multicolumn cheat sheet

Open danmichaelo opened this issue 9 years ago • 2 comments

If I add too many keyboard shortcuts, they won't fit into the cheat sheet, but there is plenty of space horizontally, so it would be nice if the cheat sheet could make use of that space by flowing into multiple columns.

danmichaelo avatar Feb 08 '17 00:02 danmichaelo

@danmichaelo I would like to see this too. However don't forget you can pass in an alternative Angular template string in config to customise the display of the cheat sheet, and style it into columns with Flexbox or something. This is actually something on my own to do list at the moment.

aramando avatar Feb 21 '17 22:02 aramando

You can use some CSS, without touching the template:

.cfp-hotkeys {
    columns: 2;
}

.cfp-hotkeys-title {
    column-span: all;
}

Support is good, with global coverage at 97.8%

kroltan avatar Feb 15 '18 16:02 kroltan