diff options
author | Saturnino Abril <saturnino.abril@gmail.com> | 2017-08-18 17:04:05 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-08-18 17:04:05 +0800 |
commit | 9097289c2ce2b719a5aa0f9d567594f2b6a7e30b (patch) | |
tree | c8fb16e11052489047157738ee454dafc8c37d04 /webapp/sass/routes | |
parent | 96eab1202717e073782ec399a4e0820cae15b1bb (diff) | |
download | chat-9097289c2ce2b719a5aa0f9d567594f2b6a7e30b.tar.gz chat-9097289c2ce2b719a5aa0f9d567594f2b6a7e30b.tar.bz2 chat-9097289c2ce2b719a5aa0f9d567594f2b6a7e30b.zip |
[PLT-3377] Open up a shortcuts dialog instead of printing help text (#7064)
* open up a shortcuts dialog instead of printing help text
* Updating UI for keyboard shortcuts modal
* update PR per PLT-7284
* fix typo error
* fix mixed up shortcut keys
* move to client side
* fix shortcuts list, remove unused function and revert server side code for autocompletion
* remove quick team switcher
Diffstat (limited to 'webapp/sass/routes')
-rw-r--r-- | webapp/sass/routes/_module.scss | 1 | ||||
-rw-r--r-- | webapp/sass/routes/_shortcuts-modal.scss | 77 |
2 files changed, 78 insertions, 0 deletions
diff --git a/webapp/sass/routes/_module.scss b/webapp/sass/routes/_module.scss index c0a5b19bc..b7ecc08e7 100644 --- a/webapp/sass/routes/_module.scss +++ b/webapp/sass/routes/_module.scss @@ -11,5 +11,6 @@ @import 'loading'; @import 'print'; @import 'settings'; +@import 'shortcuts-modal'; @import 'signup'; @import 'statistics'; diff --git a/webapp/sass/routes/_shortcuts-modal.scss b/webapp/sass/routes/_shortcuts-modal.scss new file mode 100644 index 000000000..817239f2f --- /dev/null +++ b/webapp/sass/routes/_shortcuts-modal.scss @@ -0,0 +1,77 @@ +@charset 'UTF-8'; + +.app__body { + .modal { + .shortcuts-modal { + margin-top: 50px; + width: 1100px; + + .shortcuts-content { + .modal-header { + background: transparent; + border: none; + color: inherit; + padding: 40px 40px 20px; + + .close { + color: inherit; + font-size: 28px; + font-weight: normal; + right: 35px; + } + + .modal-title { + color: inherit; + font-size: 20px; + } + } + } + + .modal-body { + max-height: calc(100vh - 67px); + padding: 0 40px 20px; + } + + .section { + > div { + &:first-child { + margin-bottom: 2.5em; + } + } + + .shortcut-line { + margin: 17px 0; + + span { + &:first-child { + margin-right: 5px; + } + } + + .shortcut-key { + border-radius: 3px; + font-size: 12px; + font-weight: 500; + margin: 5px 0 5px 5px; + padding: 1px 5px; + } + } + } + + .section-title { + font-size: 18px; + margin: 1.5em 0; + } + + .subsection { + border-left: 2px solid; + padding-left: 15px; + } + + .info__label { + margin: 35px 0 10px; + text-align: center; + } + } + } +} |