Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

i have more hotkeys than the CheatSheet can show #248

Open
eassa opened this issue Sep 23, 2016 · 5 comments
Open

i have more hotkeys than the CheatSheet can show #248

eassa opened this issue Sep 23, 2016 · 5 comments

Comments

@eassa
Copy link

eassa commented Sep 23, 2016

image

@eassa
Copy link
Author

eassa commented Sep 23, 2016

i changed this class in the css , now it works :-

.cfp-hotkeys{
    overflow-y: scroll !important;
    display: block !important;
}

@lovelylip
Copy link

Add typeop in attributes of HotKeys, to getType impossible, you can no format combo: shift, left, right, I thinks.

@ahmedBassell
Copy link

+1

@VictorMedeiros
Copy link

I had the same problem. What I did was split the generated table to show two hotkeys/description per row.
You can change the template of the cheatseet by setting the property template of the hotkeysProvider on your config function.

My code:

hotkeysProvider.template = '<div class="cfp-hotkeys-container fade" ng-class="{in: helpVisible}" style="display: none;"><div class="cfp-hotkeys">' +
    '<h4 class="cfp-hotkeys-title" ng-if="!header">{{ title }}</h4>' +
    '<div ng-bind-html="header" ng-if="header"></div>' +
    '<table>' +
    '<tbody ng-repeat="hotkey in hotkeys | filter:{ description: \'!$$undefined$$\' }">' +
    '<tr ng-if="$even">' +
    '<td class="cfp-hotkeys-keys">' +
    '<span ng-repeat="key in hotkey.format() track by $index" class="cfp-hotkeys-key">{{ key }}</span>' +
    '</td>' +
    '<td class="cfp-hotkeys-text">{{ hotkey.description }}</td>' +
    '<td style="width:50px;"></td>' +
    '<td class="cfp-hotkeys-keys">' +
    '<span ng-repeat="key in hotkeys[$index+1].format() track by $index" class="cfp-hotkeys-key">{{ key }}</span>' +
    '</td>' +
    '<td class="cfp-hotkeys-text">{{ hotkeys[$index+1].description }}</td>' +
    '</tr>' +
    '</tbody>' +
    '</table>' +
    '<div ng-bind-html="footer" ng-if="footer"></div>' +
    '<div class="cfp-hotkeys-close" ng-click="toggleCheatSheet()">&#215;</div>' +
    '</div></div>';

ylerjen added a commit to ylerjen/angular-hotkeys that referenced this issue Dec 20, 2019
ylerjen added a commit to ylerjen/angular-hotkeys that referenced this issue Dec 20, 2019
ylerjen added a commit to ylerjen/angular-hotkeys that referenced this issue Dec 20, 2019
ylerjen added a commit to ylerjen/angular-hotkeys that referenced this issue Dec 20, 2019
ylerjen added a commit to ylerjen/angular-hotkeys that referenced this issue Dec 20, 2019
ylerjen added a commit to ylerjen/angular-hotkeys that referenced this issue Dec 20, 2019
@ylerjen ylerjen mentioned this issue Dec 20, 2019
@ylerjen
Copy link

ylerjen commented Dec 20, 2019

This thread is more than 3 years old, but as there's still angularjs applications using it, and as I'm concerned by the fix, I've made a fix proposal with this PR : #292 Please review.

ylerjen added a commit to ylerjen/angular-hotkeys that referenced this issue Jan 6, 2020
ylerjen added a commit to ylerjen/angular-hotkeys that referenced this issue Jan 6, 2020
ylerjen added a commit to ylerjen/angular-hotkeys that referenced this issue Jan 6, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants