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

compose_box: Rename message-control-button to send-control-button.

This commit is contained in:
Karl Stolley 2023-11-14 08:46:37 -06:00 committed by Tim Abbott
parent acf5ba5432
commit 5bedbb14b4
3 changed files with 18 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/styles/compose.css
View File

@ -1204,14 +1204,14 @@ textarea.new_message_textarea,
/* Class for send-area buttons, such as
Drafts and the send-adjacent vdots */
.message-control-button {
.send-control-button {
border: 0;
outline: 0;
padding: 0;
margin: 0;
border-radius: 4px;
color: var(--color-compose-message-control-button);
background-color: var(--color-compose-message-control-button-background);
color: var(--color-compose-send-control-button);
background-color: var(--color-compose-send-control-button-background);
font-weight: 450;
&:active {
@ -1230,11 +1230,9 @@ textarea.new_message_textarea,
&:hover {
/* We need to use !important here, regrettably, to keep the default
dark-mode hover colors from showing. */
color: var(
--color-compose-message-control-button-interactive
) !important;
color: var(--color-compose-send-control-button-interactive) !important;
background-color: var(
--color-compose-message-control-button-background-interactive
--color-compose-send-control-button-background-interactive
);
text-decoration: none;
}

22
web/styles/zulip.css
View File

@ -227,13 +227,13 @@ body {
--color-compose-send-button-background-interactive: hsl(240deg 41% 50%);
--color-compose-send-button-focus-border: hsl(232deg 20% 10%);
--color-compose-send-button-focus-shadow: hsl(230deg 100% 20%);
--color-compose-message-control-button: hsl(240deg 30% 50% / 80%);
--color-compose-message-control-button-background: transparent;
--color-compose-message-control-button-interactive: hsl(240deg 30% 50%);
--color-compose-message-control-button-background-interactive: hsl(
--color-compose-send-control-button: hsl(240deg 30% 50% / 80%);
--color-compose-send-control-button-background: transparent;
--color-compose-send-control-button-interactive: hsl(240deg 30% 50%);
--color-compose-send-control-button-background-interactive: hsl(
240deg 100% 30% / 5%
);
--color-compose-message-control-button-focus-shadow: var(
--color-compose-send-control-button-focus-shadow: var(
--color-compose-send-button-focus-shadow
);
--color-compose-collapsed-reply-button-area-background: hsl(0deg 0% 100%);
@ -443,15 +443,15 @@ body {
/* Compose box colors */
--color-compose-send-button-focus-shadow: hsl(0deg 0% 100% / 80%);
--color-compose-message-control-button: hsl(240deg 30% 70%);
--color-compose-message-control-button-background: transparent;
--color-compose-message-control-button-interactive: var(
--color-compose-message-control-button
--color-compose-send-control-button: hsl(240deg 30% 70%);
--color-compose-send-control-button-background: transparent;
--color-compose-send-control-button-interactive: var(
--color-compose-send-control-button
);
--color-compose-message-control-button-background-interactive: hsl(
--color-compose-send-control-button-background-interactive: hsl(
235deg 100% 70% / 11%
);
--color-compose-message-control-button-focus-shadow: var(
--color-compose-send-control-button-focus-shadow: var(
--color-compose-send-button-focus-shadow
);
--color-compose-collapsed-reply-button-area-background: hsl(

4
web/templates/compose.hbs
View File

@ -85,7 +85,7 @@
<div class="drag"></div>
<div id="message-send-controls-container">
<a id="compose-drafts-button" role="button" class="compose_control_button message-control-button hide-sm" tabindex=0 href="#drafts" data-tooltip-template-id="compose_draft_tooltip_template">
<a id="compose-drafts-button" role="button" class="compose_control_button send-control-button hide-sm" tabindex=0 href="#drafts" data-tooltip-template-id="compose_draft_tooltip_template">
{{t 'Drafts' }}
</a>
<span id="compose-limit-indicator"></span>
@ -94,7 +94,7 @@
<img class="loader" alt="" src="" />
<i class="zulip-icon zulip-icon-send"></i>
</button>
<button class="message-control-button send-related-action-button" id="send_later" tabindex=0 type="button" data-tippy-content="{{t 'Send options' }}">
<button class="send-control-button send-related-action-button" id="send_later" tabindex=0 type="button" data-tippy-content="{{t 'Send options' }}">
<i class="zulip-icon zulip-icon-more-vertical"></i>
</button>
</div>