paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-24 00:23:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

modal: Fix invite link overflow in mobile view.

Browse Source 
Added a flex div into the copy invite link dialog box.

Fixes #29524.
This commit is contained in:
Adnan Shabbir Husain
2024-04-22 23:18:31 +05:30
committed by GitHub
parent 68ea6704a4
commit 9aa6bbcee0
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/styles/zulip.css
View File

@@ -666,6 +666,14 @@ li,
} }
} }
#copy_generated_link_container {
display: flex;
width: 100%;
margin-right: -32px;
gap: 4px;
align-items: center;
}
#copy_generated_invite_link { #copy_generated_invite_link {
position: relative; position: relative;
margin-right: -32px; margin-right: -32px;

8
web/templates/copy_invite_link.hbs
View File

@@ -1,7 +1,9 @@
{{t "Link:" }}
<a href="{{ invite_link }}" id="multiuse_invite_link">{{ invite_link }}</a>
&nbsp;
<a class="btn copy_button_base" data-tippy-content="{{t 'Copy link' }}" data-tippy-placement="top" aria-label="{{t 'Copy link' }}" <a class="btn copy_button_base" data-tippy-content="{{t 'Copy link' }}" data-tippy-placement="top" aria-label="{{t 'Copy link' }}"
id='copy_generated_invite_link' data-clipboard-text="{{ invite_link }}"> id='copy_generated_invite_link' data-clipboard-text="{{ invite_link }}">
{{> copy_to_clipboard_svg }} {{> copy_to_clipboard_svg }}
</a> </a>
<div id="copy_generated_link_container">
<span>{{t "Link:" }}</span>
<a href="{{ invite_link }}" id="multiuse_invite_link">{{ invite_link }}</a>
</div>