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

compose: Move help link beside formatting buttons. 

We advertise it as message formatting button with `Aa` icon
instead of `?` help icon.
This commit is contained in:
Aman Agrawal 2022-02-03 11:54:49 +00:00 committed by Tim Abbott
parent bed77a0a76
commit 42d5f51a4c
4 changed files with 10 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
static/styles/compose.css
View File

@ -189,13 +189,6 @@
.compose_bottom_bottom_container {
display: flex;
justify-content: space-between;
.message-control-link {
.fa-question-circle {
margin-right: 4px;
}
padding-left: 5px;
}
}
}
@ -540,18 +533,6 @@ input.recipient_box {
}
.tippy-content .compose_control_buttons_container {
.message-control-link {
/* Override tippy theme. */
padding: 4px 4px 0;
color: hsl(200, 100%, 40%);
font-size: 14px;
&:hover,
&:focus {
color: hsl(200, 100%, 25%);
}
}
.compose_gif_icon {
bottom: 5px;
}
@ -571,7 +552,7 @@ input.recipient_box {
}
.compose_control_menu {
padding: 3px 7px 0;
padding: 0 7px;
font-size: 15px;
}
@ -601,6 +582,14 @@ input.recipient_box {
font-family: "Source Sans 3", sans-serif;
padding-left: 5px;
}
.compose_help_button {
font-size: 21px;
line-height: 27px;
font-weight: 550;
padding: 0 5px;
margin: 0;
}
}
.compose_right_float_container {

8
static/styles/dark_theme.css
View File

@ -99,14 +99,6 @@ body.dark-theme {
&.compose_control_button:hover {
color: hsl(200, 79%, 66%);
}
&.message-control-link {
color: hsl(200, 100%, 40%);
&:hover {
color: hsl(200, 79%, 66%);
}
}
}
&[data-placement^="top"] {

3
static/templates/compose.hbs
View File

@ -106,9 +106,6 @@
{{> compose_control_buttons }}
</div>
<div class="compose_bottom_bottom_container">
<a role="button" class="message-control-link" tabindex=0 data-overlay-trigger="message-formatting">
<i class="fa fa-question-circle"></i>{{t 'Help' }}
</a>
<span id="compose_limit_indicator"></span>
<div class="enter_sends">
<span class="enter_sends_true">

1
static/templates/compose_control_buttons_in_popover.hbs
View File

@ -4,3 +4,4 @@
<a role="button" data-format-type="bold" class="compose_control_button fa fa-bold formatting_button" aria-label="{{t 'Bold' }}" tabindex=0 data-tippy-content="{{t 'Bold' }}"></a>
<a role="button" data-format-type="italic" class="compose_control_button fa fa-italic formatting_button" aria-label="{{t 'Italic' }}" tabindex=0 data-tippy-content="{{t 'Italic' }}"></a>
<a role="button" data-format-type="link" class="compose_control_button fa fa-link formatting_button" aria-label="{{t 'Link' }}" tabindex=0 data-tippy-content="{{t 'Link' }}"></a>
<a role="button" class="compose_control_button compose_help_button" tabindex=0 data-tippy-content="{{t 'Message formatting' }}" data-overlay-trigger="message-formatting">Aa</a>