paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-02 04:53:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

message_feed: Vertically align link icon in recipient bar.

Browse Source
This commit is contained in:
Karl Stolley
2023-11-17 09:26:05 -06:00
committed by Tim Abbott
parent 357dceb05a
commit 3e4f7108a0
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/styles/zulip.css
View File

@@ -1794,6 +1794,13 @@ td.pointer {
flex-grow: 1; flex-grow: 1;
align-items: center; align-items: center;
.external-topic-link {
/* Vertically center the external link
icon inside its containing anchor. */
display: flex;
align-items: center;
}
.change_visibility_policy { .change_visibility_policy {
cursor: pointer; cursor: pointer;

2
web/templates/recipient_row.hbs
View File

@@ -37,7 +37,7 @@
{{! exterior links (e.g. to a trac ticket) }} {{! exterior links (e.g. to a trac ticket) }}
{{#each topic_links}} {{#each topic_links}}
<a href="{{this.url}}" target="_blank" rel="noopener noreferrer" class="no-underline"> <a href="{{this.url}}" target="_blank" rel="noopener noreferrer" class="external-topic-link no-underline">
<i class="fa fa-external-link-square recipient_bar_icon" data-tippy-content="Open {{this.text}}" aria-label="{{t 'External link' }}"></i> <i class="fa fa-external-link-square recipient_bar_icon" data-tippy-content="Open {{this.text}}" aria-label="{{t 'External link' }}"></i>
</a> </a>
{{/each}} {{/each}}