Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

user docs: Add styling for keyboard_tip admonition.

This commit is contained in:
Lyla Fischer 2018-05-02 16:36:48 -04:00 committed by Rishi Gupta
parent 7fef91a405
commit aee02e2695
2 changed files with 23 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
static/styles/portico.scss
View File

@ -1626,7 +1626,8 @@ input.new-organization-button {
.integration-instructions .tip, .integration-instructions .tip,
.markdown .warn, .markdown .warn,
.markdown .tip { .markdown .tip,
.markdown .keyboard_tip {
position: relative; position: relative;
display: block; display: block;
background-color: hsl(210, 22%, 96%); background-color: hsl(210, 22%, 96%);
@ -1637,14 +1638,16 @@ input.new-organization-button {
} }
.integration-instructions .tip, .integration-instructions .tip,
.markdown .tip { .markdown .tip,
.markdown .keyboard_tip {
background-color: hsl(46, 63%, 95%); background-color: hsl(46, 63%, 95%);
border: 1px solid hsl(46, 63%, 84%); border: 1px solid hsl(46, 63%, 84%);
} }
.integration-instructions .tip, .integration-instructions .tip,
.markdown .warn p, .markdown .warn p,
.markdown .tip p { .markdown .tip p,
.markdown .keyboard_tip p {
margin-bottom: 0; margin-bottom: 0;
} }
@ -1656,8 +1659,16 @@ input.new-organization-button {
font-weight: 600; font-weight: 600;
} }
.markdown .keyboard_tip::before {
display: inline;
content: "\f11c Keyboard Shortcut: ";
font-family: FontAwesome, "Yantramanav", Source Sans Pro;
font-weight: 600;
}
.integration-instructions .tip p:first-of-type, .integration-instructions .tip p:first-of-type,
.markdown .tip p:first-of-type { .markdown .tip p:first-of-type,
.markdown .keyboard_tip p:first-of-type {
display: inline; display: inline;
} }
@ -1665,6 +1676,7 @@ input.new-organization-button {
margin: 20px 0; margin: 20px 0;
} }
.markdown ol > li > div.keyboard_tip,
.markdown ol > li > div.tip, .markdown ol > li > div.tip,
.markdown ol > li > div.warn { .markdown ol > li > div.warn {
margin: 5px 25px 5px; margin: 5px 25px 5px;

13
templates/zerver/help/send-a-private-message.md
View File

@ -42,13 +42,9 @@ Once you have the user card displayed, select the **Send private message**
option from the actions dropdown. This will open the compose box with the option from the actions dropdown. This will open the compose box with the
target user as the recipient. target user as the recipient.
### Use a keyboard shortcut !!! keyboard_tip ""
You can open a compose box with the addressee autopopulated if you press `R` You can open a compose box with the addressee autopopulated if you press `R`
while a message is highlighted, but the compose box is not open. You can close while a message is highlighted, but the compose box is not open.
the compose box by pressing `Esc` or by clicking the x (<i class="icon-vector-
remove"></i>) icon located at the top right corner of the compose box. Look
[here](/help/keyboard-shortcuts) for more keyboard shortcuts.
## View your private message history with a user and compose ## View your private message history with a user and compose
@ -85,4 +81,7 @@ key or clicking the **Send** button, depending on your settings.
You can always cancel your message by clicking the x (<i You can always cancel your message by clicking the x (<i
class="icon-vector-remove"></i>) icon located at the top right corner of class="icon-vector-remove"></i>) icon located at the top right corner of
your compose box or pressing the `Esc` key. your compose box
!!! keyboard_tip ""
You can close the compose box by pressing the `Esc` key.