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

compose: Redesign the arrow between stream and topic. 

The icon is now bigger, slimmer in stroke width, lighter in color, and
has less horizontal spacing around it.

Fixes: part of #28792.
This commit is contained in:
N-Shar-ma 2024-03-25 13:12:02 +05:30 committed by Tim Abbott
parent 9015cd7da3
commit f800d4404e
3 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/styles/app_variables.css
View File

@ -229,6 +229,7 @@
--color-compose-embedded-button-background-hover: hsl(
231deg 100% 90% / 50%
);
--color-compose-chevron-arrow: hsl(0deg 0% 58%);
/* Text colors */
--color-text-default: hsl(0deg 0% 20%);

12
web/styles/compose.css
View File

@ -177,14 +177,10 @@
little layout shifts with pills. */
flex: 0 0 auto;
height: var(--compose-recipient-box-min-height);
/* Round up natural width to next whole pixel. */
width: 23px;
.fa-angle-right {
font-size: 0.9em;
-webkit-text-stroke: 0.05em;
align-self: center;
margin: 0 5px;
.zulip-icon-chevron-right {
font-size: 16px;
color: var(--color-compose-chevron-arrow);
}
}
@ -1176,7 +1172,7 @@ textarea.new_message_textarea,
.zulip-icon-chevron-down {
padding-left: 5px;
color: hsl(0deg 0% 58%);
color: var(--color-compose-chevron-arrow);
font-weight: lighter;
}

2
web/templates/compose.hbs
View File

@ -61,7 +61,7 @@
{{> dropdown_widget_wrapper
widget_name="compose_select_recipient"}}
<div class="topic-marker-container">
<i class="fa fa-angle-right" aria-hidden="true"></i>
<i class="zulip-icon zulip-icon-chevron-right" aria-hidden="true"></i>
</div>
<div id="compose_recipient_box">
<input type="text" name="stream_message_recipient_topic" id="stream_message_recipient_topic" maxlength="{{ max_topic_length }}" value="" placeholder="{{t 'Topic' }}" autocomplete="off" tabindex="0" aria-label="{{t 'Topic' }}" />