Skip to content
This repository has been archived by the owner on Mar 13, 2024. It is now read-only.

Shortcuts modal and Emoji picker UI Fixes #5338

Merged
merged 5 commits into from
Apr 17, 2020
Merged

Shortcuts modal and Emoji picker UI Fixes #5338

merged 5 commits into from
Apr 17, 2020

Conversation

asaadmahmood
Copy link
Contributor

@asaadmahmood asaadmahmood commented Apr 15, 2020

Summary

MM-24130 - Reducing spacing in keyboard shortcuts modal
MM-24159 - Updating emoji picker hover effect

@jasonblais Can you test this PR out on your screen, on my screen it looked good even previously, but reduced the spacing for you.

Ticket Link

https://mattermost.atlassian.net/browse/MM-24130
https://mattermost.atlassian.net/browse/MM-24159

Screenshots

localhost_8065_reiciendis-0_channels_eligendi-1
Screenshot 2020-04-15 at 2 00 56 PM

@asaadmahmood asaadmahmood added this to the v5.24.0 milestone Apr 15, 2020
@asaadmahmood asaadmahmood added 2: Dev Review Requires review by a core commiter 3: QA Review Requires review by a QA tester labels Apr 15, 2020
@jasonblais jasonblais added the Setup Cloud Test Server Setup a test server using Mattermost Cloud label Apr 15, 2020
@jasonblais
Copy link
Contributor

I can see the tip now, but the bottom of the modal gets cut off on the Mattermost window (same environment as in Jira ticket)

image

Compared to 5.21:
image

@asaadmahmood I realize it's because there are now a lot more shortcuts under "Navigation"

@asaadmahmood
Copy link
Contributor Author

@jasonblais Yup, we have a lot more items, and we may have more in the future too, so it may not be possible to keep the modal visible completely at all times, especially on smaller resolutions.

@asaadmahmood
Copy link
Contributor Author

asaadmahmood commented Apr 15, 2020

@jasonblais I made it smaller on small screen heights like yours, check it out.

Copy link
Contributor

@jasonblais jasonblais left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good now on my window, thanks Asaad!

image

Copy link
Member

@saturninoabril saturninoabril left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, also tested and passed.

sass/routes/_shortcuts-modal.scss Outdated Show resolved Hide resolved
@marianunez marianunez removed the 2: Dev Review Requires review by a core commiter label Apr 17, 2020
@mattermod
Copy link
Contributor

Mattermost test server updated with git commit 540ad29ea60eaac85bd321d649ae0a31e304c0ff.

Access here: https://mattermost-webapp-pr-5338.test.mattermost.cloud

@asaadmahmood asaadmahmood merged commit 6f4d3d4 into mattermost:master Apr 17, 2020
@mattermod
Copy link
Contributor

Test server destroyed

@asaadmahmood asaadmahmood deleted the MM-24130 branch April 17, 2020 16:59
@hanzei hanzei removed the Setup Cloud Test Server Setup a test server using Mattermost Cloud label Apr 28, 2020
@amyblais amyblais removed the 3: QA Review Requires review by a QA tester label May 14, 2020
@amyblais amyblais added Changelog/Not Needed Does not require a changelog entry Docs/Not Needed Does not require documentation QA Review Done labels May 14, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Changelog/Not Needed Does not require a changelog entry Docs/Not Needed Does not require documentation QA Review Done
Projects
None yet
7 participants