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

compose: Update icons for formatting buttons.

Browse Source 
Also made the buttons bigger, and updated breakpoints accordingly.

Fixes: #27845.
This commit is contained in:
N-Shar-ma
2023-11-22 12:55:31 +05:30
committed by Tim Abbott
parent 5d49e54d33
commit 82895ff535
39 changed files with 75 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/images/icons/users.svg
View File

@@ -1,6 +1 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.99964 1.33594C4.15961 1.33594 2.66797 2.82757 2.66797 4.6676C2.66797 6.50763 4.15961 7.99927 5.99964 7.99927C7.83966 7.99927 9.3313 6.50763 9.3313 4.6676C9.3313 2.82757 7.83966 1.33594 5.99964 1.33594ZM3.99797 4.6676C3.99797 3.56211 4.89415 2.66594 5.99964 2.66594C7.10513 2.66594 8.0013 3.56211 8.0013 4.6676C8.0013 5.77309 7.10513 6.66927 5.99964 6.66927C4.89415 6.66927 3.99797 5.77309 3.99797 4.6676Z" fill="black"/>
<path d="M3.33362 9.33594C2.45001 9.33594 1.60258 9.68695 0.977776 10.3118C0.352967 10.9366 0.00195312 11.784 0.00195312 12.6676V14.0009C0.00195312 14.3682 0.299684 14.6659 0.666953 14.6659C1.03422 14.6659 1.33195 14.3682 1.33195 14.0009V12.6676C1.33195 12.1367 1.54284 11.6276 1.91823 11.2522C2.29361 10.8768 2.80275 10.6659 3.33362 10.6659H8.66695C9.19783 10.6659 9.70696 10.8768 10.0823 11.2522C10.4577 11.6276 10.6686 12.1367 10.6686 12.6676V14.0009C10.6686 14.3682 10.9664 14.6659 11.3336 14.6659C11.7009 14.6659 11.9986 14.3682 11.9986 14.0009V12.6676C11.9986 11.784 11.6476 10.9366 11.0228 10.3118C10.398 9.68695 9.55057 9.33594 8.66695 9.33594H3.33362Z" fill="black"/>
<path d="M12.6892 9.92079C12.7811 9.56518 13.1438 9.35134 13.4994 9.44315C14.2141 9.6277 14.8474 10.0444 15.2996 10.6278C15.7519 11.2112 15.9976 11.9283 15.9981 12.6665V14.0004C15.9981 14.3676 15.7004 14.6654 15.3331 14.6654C14.9659 14.6654 14.6681 14.3676 14.6681 14.0004V12.6672C14.6677 12.2238 14.5201 11.7931 14.2485 11.4427C13.9767 11.0921 13.5963 10.8418 13.1669 10.7309C12.8113 10.6391 12.5974 10.2764 12.6892 9.92079Z" fill="black"/>
<path d="M10.8321 1.44282C10.4763 1.35172 10.114 1.5663 10.0229 1.92209C9.9318 2.27788 10.1464 2.64016 10.5022 2.73125C10.9327 2.8415 11.3144 3.0919 11.5869 3.443C11.8594 3.7941 12.0073 4.22591 12.0073 4.67037C12.0073 5.11482 11.8594 5.54664 11.5869 5.89773C11.3144 6.24883 10.9327 6.49924 10.5022 6.60948C10.1464 6.70058 9.9318 7.06286 10.0229 7.41865C10.114 7.77444 10.4763 7.98902 10.8321 7.89792C11.5487 7.71443 12.1839 7.29764 12.6375 6.71325C13.0911 6.12887 13.3373 5.41014 13.3373 4.67037C13.3373 3.9306 13.0911 3.21186 12.6375 2.62748C12.1839 2.0431 11.5487 1.62631 10.8321 1.44282Z" fill="black"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#000" d="M.976 10.31a3.333 3.333 0 0 1 2.357-.977h5.334A3.333 3.333 0 0 1 12 12.667V14a.667.667 0 0 1-1.333 0v-1.333a2 2 0 0 0-2-2H3.333a2 2 0 0 0-2 2V14A.667.667 0 1 1 0 14v-1.333c0-.884.351-1.732.976-2.357ZM6 2.667a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-3.333 2a3.333 3.333 0 1 1 6.666 0 3.333 3.333 0 0 1-6.666 0ZM12.688 9.92a.667.667 0 0 1 .812-.479 3.333 3.333 0 0 1 2.5 3.225V14a.667.667 0 0 1-1.333 0v-1.333a2 2 0 0 0-1.5-1.935.667.667 0 0 1-.48-.812ZM10.02 1.921a.667.667 0 0 1 .812-.48 3.333 3.333 0 0 1 0 6.458.667.667 0 0 1-.33-1.292 2 2 0 0 0 0-3.875.667.667 0 0 1-.481-.81Z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 693 B

2
web/shared/icons/account.svg
View File

@@ -1 +1 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.520 1.349 C 5.602 1.522,3.958 2.388,2.796 3.840 C 0.982 6.104,0.844 9.277,2.455 11.689 C 4.513 14.770,8.631 15.591,11.707 13.533 C 14.948 11.364,15.641 6.881,13.204 3.840 C 12.150 2.523,10.683 1.677,8.995 1.412 C 8.665 1.361,7.805 1.324,7.520 1.349 M8.493 2.694 C 9.697 2.807,10.809 3.314,11.677 4.146 C 13.569 5.960,13.873 8.855,12.397 11.000 C 12.296 11.147,12.186 11.299,12.153 11.339 L 12.093 11.412 11.853 11.240 C 9.870 9.823,7.254 9.608,5.082 10.684 C 4.715 10.866,4.452 11.023,4.147 11.240 L 3.907 11.412 3.847 11.339 C 3.702 11.164,3.404 10.705,3.271 10.450 C 2.493 8.966,2.471 7.176,3.211 5.667 C 3.501 5.077,3.821 4.635,4.284 4.185 C 4.738 3.745,5.102 3.488,5.667 3.211 C 6.540 2.782,7.518 2.603,8.493 2.694 M7.640 4.028 C 6.517 4.204,5.672 5.194,5.672 6.333 C 5.672 7.664,6.785 8.727,8.107 8.659 C 9.363 8.594,10.328 7.584,10.328 6.333 C 10.328 5.765,10.146 5.273,9.762 4.804 C 9.516 4.505,8.972 4.172,8.560 4.069 C 8.348 4.016,7.857 3.994,7.640 4.028 M8.347 5.399 C 8.611 5.493,8.829 5.713,8.935 5.996 C 9.022 6.229,9.002 6.542,8.886 6.779 C 8.784 6.986,8.616 7.148,8.400 7.249 C 8.276 7.307,8.215 7.317,8.000 7.318 C 7.768 7.319,7.732 7.312,7.570 7.233 C 7.370 7.136,7.213 6.980,7.102 6.769 C 7.033 6.638,7.027 6.603,7.027 6.333 C 7.027 6.065,7.033 6.028,7.100 5.901 C 7.242 5.631,7.458 5.452,7.734 5.374 C 7.906 5.326,8.169 5.337,8.347 5.399 M8.880 11.411 C 9.307 11.485,9.703 11.602,10.086 11.767 C 10.379 11.893,10.868 12.162,11.036 12.290 L 11.099 12.338 10.863 12.491 C 10.276 12.873,9.607 13.129,8.827 13.272 C 8.470 13.337,7.530 13.337,7.173 13.272 C 6.392 13.129,5.677 12.852,5.097 12.468 L 4.901 12.338 4.964 12.290 C 5.133 12.161,5.622 11.892,5.918 11.765 C 6.412 11.553,7.019 11.400,7.573 11.350 C 7.846 11.325,8.582 11.359,8.880 11.411 " stroke="none" fill-rule="evenodd"></path></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g fill="#000"><path d="M8 .722A7.281 7.281 0 0 1 15.278 8 7.281 7.281 0 0 1 8 15.278 7.281 7.281 0 0 1 .722 8 7.28 7.28 0 0 1 8 .722ZM4.616 12.73A5.78 5.78 0 0 0 8 13.822a5.78 5.78 0 0 0 3.384-1.091A5.78 5.78 0 0 0 8 11.639a5.78 5.78 0 0 0-3.384 1.092Zm7.853-1.005A5.821 5.821 0 0 0 8 2.176a5.821 5.821 0 0 0-4.469 9.55 7.24 7.24 0 0 1 8.938 0Z"/><path d="M8 3.633a2.55 2.55 0 0 1 2.547 2.547A2.55 2.55 0 0 1 8 8.728 2.55 2.55 0 0 1 5.453 6.18 2.55 2.55 0 0 1 8 3.633Zm0 3.64A1.09 1.09 0 0 0 9.092 6.18 1.09 1.09 0 0 0 8 5.09a1.09 1.09 0 0 0-1.092 1.09A1.09 1.09 0 0 0 8 7.272Z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 686 B

1
web/shared/icons/attachment.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'><path fill='black' fill-rule='evenodd' d='M13.52 4.59a2 2 0 0 0-1.42.59L5.98 11.3a3.34 3.34 0 1 0 4.72 4.72l6.12-6.12a.67.67 0 0 1 .94.94l-6.12 6.12a4.67 4.67 0 0 1-6.6-6.6l6.12-6.12a3.33 3.33 0 0 1 4.72 4.71l-6.14 6.13a2 2 0 0 1-2.82-2.83l5.66-5.65a.67.67 0 0 1 .94.94l-5.66 5.65a.67.67 0 0 0 .94.95L14.94 8a2 2 0 0 0-1.42-3.42Z' clip-rule='evenodd'></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 459 B

1
web/shared/icons/bold.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'><path fill='black' d='M7.94 17h3.93c2.58 0 4.13-1.28 4.13-3.4 0-1.59-1.1-2.75-2.76-2.93v-.06a2.67 2.67 0 0 0 2.16-2.62C15.4 6.2 14 5 11.84 5h-3.9c-.59 0-.94.37-.94.96v10.08c0 .6.35.96.94.96Zm.94-6.9V6.53h2.5c1.37 0 2.14.62 2.14 1.73 0 1.2-.9 1.86-2.53 1.86H8.9Zm0 5.38v-3.95h2.49c1.78 0 2.7.66 2.7 1.96 0 1.3-.9 1.99-2.6 1.99H8.89Z'></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 441 B

1
web/shared/icons/code.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="none" viewBox="0 0 22 22"><g fill="#000"><path d="M12.003 7.89a.665.665 0 0 1 .939-.055l3 2.667a.665.665 0 0 1 0 .994l-3 2.666a.665.665 0 1 1-.884-.994l2.441-2.17-2.44-2.169a.665.665 0 0 1-.056-.939Zm-2.061.94L7.5 10.998l2.44 2.17a.665.665 0 0 1-.883.993l-3-2.666a.665.665 0 0 1 0-.994l3-2.667a.665.665 0 0 1 .884.994Z"/><path d="M4 3h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm14 1.33H4c-.37 0-.67.3-.67.67v12c0 .37.3.67.67.67h14c.37 0 .67-.3.67-.67V5c0-.37-.3-.67-.67-.67Z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 580 B

4
web/shared/icons/follow.svg
View File

@@ -1,3 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16">
<path fill="#000" fill-rule="evenodd" d="M11.9746.7523a.665.665 0 0 0-1.0215.8518c1.5274 1.8316 2.4082 4.0346 2.4082 6.3962 0 2.3617-.8808 4.5646-2.4082 6.3963a.665.665 0 1 0 1.0215.8517c1.7046-2.0442 2.7167-4.5422 2.7167-7.248 0-2.7057-1.0121-5.2038-2.7167-7.248ZM8.2256 3.544A.75.75 0 0 0 7.165 4.6045c1.8257 1.8257 1.8415 4.8695-.0112 6.8027a.75.75 0 0 0 1.083 1.0379c2.3966-2.5008 2.4124-6.4776-.0112-8.9012ZM5.695 8.0003c0 1.0204-.8271 1.8476-1.8475 1.8476C2.8272 9.8479 2 9.0207 2 8.0003c0-1.0203.8272-1.8475 1.8475-1.8475 1.0204 0 1.8475.8272 1.8475 1.8475Z" clip-rule="evenodd"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#000" d="M10.953 1.604a.665.665 0 0 1 1.022-.852C13.679 2.797 14.69 5.295 14.69 8c0 2.706-1.012 5.204-2.716 7.248a.665.665 0 1 1-1.022-.851C12.479 12.565 13.36 10.362 13.36 8c0-2.361-.88-4.564-2.408-6.396Zm-2.727 1.94c2.423 2.423 2.407 6.4.01 8.901a.75.75 0 0 1-1.082-1.038c1.853-1.933 1.837-4.977.011-6.802a.75.75 0 0 1 1.06-1.061ZM2 8a1.848 1.848 0 1 1 3.695 0A1.848 1.848 0 0 1 2 8Z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 693 B

After

Width:  |  Height:  |  Size: 501 B

35
web/shared/icons/gear.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

12
web/shared/icons/gif.svg
View File

@@ -1,11 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<g>
<g>
<path d="M146.286,146.286H36.571C14.629,146.286,0,164.571,0,182.857v146.286c0,18.286,14.629,36.571,36.571,36.571h109.714 c21.943,0,36.571-18.286,36.571-36.571V256H128v54.857H54.857V201.143h128v-18.286 C182.857,164.571,168.229,146.286,146.286,146.286z"/>
<polygon points="512,201.143 512,146.286 347.429,146.286 347.429,365.714 402.286,365.714 402.286,292.571 475.429,292.571 475.429,237.714 402.286,237.714 402.286,201.143 "/>
<rect x="237.714" y="146.286" width="54.857" height="219.429"/>
</g>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="none" viewBox="0 0 22 22"><g fill="#666" fill-rule="evenodd" clip-rule="evenodd"><path d="M7.054 14.557C5.16 14.557 4 13.322 4 11.26 4 9.23 5.16 8 7.023 8c1.218 0 2.171.571 2.527 1.35a.89.89 0 0 1 .097.408c0 .338-.233.571-.58.571-.281 0-.48-.119-.642-.387-.312-.567-.773-.843-1.397-.843-1.046 0-1.674.795-1.674 2.144 0 1.376.667 2.215 1.722 2.215.866 0 1.468-.532 1.494-1.318l.005-.101h-.923c-.317 0-.532-.18-.532-.484 0-.303.211-.483.532-.483h1.551c.418 0 .664.255.664.69v.096c0 1.613-1.024 2.699-2.813 2.699Zm4.986-.022c-.418 0-.664-.255-.664-.69V8.716c0-.44.246-.694.663-.694.418 0 .664.255.664.694v5.129c0 .435-.246.69-.664.69Zm3.675-.69c0 .435-.246.69-.664.69-.418 0-.664-.255-.664-.69V8.8c0-.435.246-.69.664-.69h2.966c.365 0 .602.206.602.55 0 .342-.241.549-.602.549h-2.302v1.696h2.087c.343 0 .567.197.567.523 0 .33-.22.527-.567.527h-2.087v1.89Z"/><path d="M3 3.336A2.665 2.665 0 0 0 .337 6v10A2.665 2.665 0 0 0 3 18.666h16A2.665 2.665 0 0 0 21.666 16V6A2.665 2.665 0 0 0 19 3.336H3ZM1.667 6c0-.737.598-1.335 1.335-1.335h16c.737 0 1.335.598 1.335 1.335v10c0 .737-.598 1.335-1.335 1.335H3A1.335 1.335 0 0 1 1.666 16V6Z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 768 B

After

Width:  |  Height:  |  Size: 1.2 KiB

1
web/shared/icons/help-bigger.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><g fill="#000"><path d="M7.255 8.125c0-1.771 1.454-2.773 2.77-2.773 1.669 0 2.85 1.189 2.85 2.732 0 .616-.164 1.042-.408 1.367-.24.32-.555.537-.845.736l-.004.003c-.247.17-.475.327-.642.527a1.148 1.148 0 0 0-.27.777v.07h-1.37v-.07c0-1.09.698-1.598 1.312-2.044l.005-.004c.53-.386.978-.717.978-1.32 0-.835-.655-1.505-1.607-1.505-.799 0-1.516.59-1.516 1.504v.07H7.255v-.07Zm2.154 4.841a.835.835 0 0 1 .612-.25c.24 0 .445.084.612.25.166.166.25.372.25.612s-.084.446-.25.612a.835.835 0 0 1-.612.25.835.835 0 0 1-.612-.25.835.835 0 0 1-.25-.612c0-.24.083-.446.25-.612Z"/><path d="M6.73 17.698a8.133 8.133 0 0 1-2.647-1.76 8.273 8.273 0 0 1-1.77-2.646c-.431-1.014-.646-2.111-.646-3.292a8.28 8.28 0 0 1 .645-3.27 8.273 8.273 0 0 1 1.771-2.647 8.273 8.273 0 0 1 2.646-1.77A8.28 8.28 0 0 1 10 1.666c1.153 0 2.236.215 3.25.645a8.272 8.272 0 0 1 2.646 1.771 8.416 8.416 0 0 1 1.781 2.646A8.166 8.166 0 0 1 18.333 10c0 1.18-.218 2.278-.656 3.292a8.416 8.416 0 0 1-1.781 2.646 8.133 8.133 0 0 1-2.646 1.76 8.345 8.345 0 0 1-3.25.635 8.398 8.398 0 0 1-3.27-.635ZM15.01 15c1.382-1.389 2.073-3.056 2.073-5s-.69-3.611-2.073-5C13.63 3.611 11.958 2.917 10 2.917c-1.986 0-3.663.694-5.031 2.083C3.6 6.389 2.917 8.056 2.917 10s.684 3.611 2.052 5c1.368 1.389 3.045 2.083 5.031 2.083 1.958 0 3.629-.694 5.01-2.083Z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

2
web/shared/icons/help.svg
View File

@@ -1 +1 @@
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.353 0.699 C 5.938 0.823,4.522 1.395,3.400 2.297 C 1.919 3.487,0.955 5.224,0.722 7.124 C 0.666 7.583,0.665 8.431,0.720 8.868 C 0.936 10.584,1.684 12.080,2.925 13.278 C 4.029 14.343,5.422 15.030,6.942 15.258 C 7.363 15.321,8.214 15.344,8.658 15.303 C 10.372 15.145,11.951 14.402,13.176 13.176 C 14.313 12.040,15.003 10.671,15.258 9.047 C 15.320 8.649,15.343 7.768,15.302 7.338 C 15.215 6.430,14.979 5.596,14.578 4.774 C 13.473 2.514,11.235 0.956,8.743 0.710 C 8.459 0.683,7.622 0.676,7.353 0.699 M8.788 2.057 C 11.348 2.386,13.422 4.354,13.897 6.906 C 14.473 10.002,12.540 13.031,9.491 13.809 C 8.101 14.164,6.653 14.017,5.369 13.389 C 4.742 13.083,4.269 12.744,3.767 12.242 C 2.807 11.283,2.222 10.092,2.053 8.756 C 1.994 8.289,2.008 7.410,2.080 7.012 C 2.310 5.755,2.838 4.715,3.696 3.829 C 4.655 2.839,5.950 2.194,7.282 2.043 C 7.649 2.002,8.413 2.008,8.788 2.057 M7.730 3.656 C 7.094 3.763,6.457 4.148,6.075 4.656 C 5.802 5.019,5.620 5.507,5.590 5.957 L 5.573 6.205 6.116 6.205 L 6.658 6.205 6.658 6.083 C 6.658 5.763,6.810 5.430,7.083 5.153 C 7.951 4.274,9.545 4.754,9.748 5.957 C 9.818 6.373,9.710 6.721,9.415 7.031 C 9.325 7.125,9.034 7.366,8.769 7.565 C 7.951 8.179,7.706 8.507,7.595 9.136 C 7.578 9.228,7.565 9.333,7.565 9.369 L 7.565 9.435 8.154 9.435 L 8.742 9.435 8.774 9.237 C 8.814 8.983,8.927 8.759,9.111 8.572 C 9.191 8.491,9.451 8.286,9.688 8.117 C 10.383 7.621,10.658 7.269,10.780 6.716 C 10.835 6.469,10.843 5.959,10.797 5.705 C 10.569 4.453,9.506 3.615,8.163 3.630 C 7.998 3.632,7.803 3.643,7.730 3.656 M7.976 10.707 C 7.424 10.852,7.218 11.532,7.601 11.947 C 7.880 12.250,8.261 12.294,8.601 12.063 C 9.050 11.757,9.014 11.048,8.536 10.788 C 8.382 10.704,8.127 10.667,7.976 10.707 " stroke="none" fill-rule="evenodd"></path></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g fill="#000"><path d="M7.96 3.638c1.603 0 2.738 1.141 2.738 2.622 0 .592-.158 1.001-.392 1.313-.23.307-.533.515-.811.707l-.004.002c-.238.164-.456.314-.616.507-.158.189-.26.42-.26.745v.067H7.3v-.067c0-1.047.67-1.534 1.259-1.962l.005-.004c.51-.37.94-.688.94-1.268 0-.801-.63-1.443-1.543-1.443-.767 0-1.455.566-1.455 1.443v.068H5.302V6.3c0-1.7 1.396-2.662 2.659-2.662Zm-.003 7.07c.23 0 .428.08.588.24.16.16.24.356.24.587 0 .23-.08.428-.24.588a.801.801 0 0 1-.588.24.801.801 0 0 1-.587-.24.801.801 0 0 1-.24-.588c0-.23.08-.428.24-.588a.8.8 0 0 1 .587-.24Z"/><path d="M8 .226a7.774 7.774 0 1 1 0 15.548A7.774 7.774 0 0 1 8 .226ZM1.556 8a6.444 6.444 0 1 0 12.888 0A6.444 6.444 0 0 0 1.556 8Z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 795 B

2
web/shared/icons/info.svg
View File

@@ -1 +1 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.547 0.683 C 6.081 0.812,4.951 1.204,3.836 1.970 C 3.304 2.336,2.707 2.888,2.293 3.399 C 1.850 3.944,1.373 4.777,1.138 5.413 C 0.810 6.300,0.681 7.032,0.681 8.000 C 0.681 9.210,0.900 10.162,1.428 11.243 C 1.779 11.961,2.304 12.680,2.897 13.254 C 3.275 13.620,3.528 13.824,3.982 14.127 C 5.084 14.862,6.373 15.272,7.747 15.324 C 9.490 15.389,11.253 14.802,12.601 13.707 C 14.155 12.446,15.134 10.603,15.306 8.613 C 15.446 7.003,15.016 5.314,14.127 3.982 C 13.820 3.522,13.618 3.273,13.241 2.884 C 12.087 1.697,10.598 0.952,8.946 0.733 C 8.634 0.692,7.786 0.661,7.547 0.683 M8.947 2.078 C 9.584 2.184,10.054 2.334,10.628 2.613 C 12.217 3.384,13.410 4.859,13.822 6.562 C 13.953 7.099,13.985 7.386,13.985 8.000 C 13.985 8.614,13.953 8.901,13.822 9.438 C 13.499 10.772,12.675 12.006,11.561 12.826 C 10.522 13.590,9.278 14.000,8.000 14.000 C 6.270 14.000,4.592 13.234,3.473 11.934 C 2.717 11.054,2.255 10.050,2.063 8.867 C 1.989 8.418,1.997 7.519,2.078 7.040 C 2.407 5.093,3.618 3.465,5.372 2.612 C 6.050 2.283,6.760 2.086,7.520 2.016 C 7.807 1.990,8.636 2.026,8.947 2.078 M7.741 4.629 C 7.679 4.652,7.568 4.724,7.495 4.790 C 6.972 5.261,7.357 6.130,8.064 6.074 C 8.814 6.013,9.005 5.008,8.333 4.660 C 8.193 4.587,7.896 4.572,7.741 4.629 M7.782 7.375 C 7.616 7.427,7.435 7.604,7.378 7.773 C 7.339 7.888,7.333 8.071,7.333 9.333 C 7.333 10.952,7.331 10.933,7.533 11.134 C 7.793 11.395,8.207 11.395,8.467 11.134 C 8.669 10.933,8.667 10.952,8.667 9.333 C 8.667 7.705,8.670 7.732,8.460 7.529 C 8.276 7.349,8.040 7.296,7.782 7.375 " stroke="none" fill-rule="evenodd"></path></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g fill="#000"><path d="M8 6.975c.377 0 .682.305.682.682v3.76a.682.682 0 0 1-1.364 0v-3.76c0-.377.305-.682.682-.682Zm0-2.891h.007a.77.77 0 0 1 0 1.538H8a.77.77 0 1 1 0-1.538Z"/><path d="M.482 8a7.518 7.518 0 1 1 15.036 0A7.518 7.518 0 0 1 .482 8ZM8 1.846a6.154 6.154 0 1 0 0 12.308A6.154 6.154 0 0 0 8 1.846Z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 416 B

1
web/shared/icons/italic.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'><path fill='black' d='M13.05 5h2.62a.67.67 0 0 1 0 1.33h-2.21l-3.5 9.34h2.37a.66.66 0 1 1 0 1.33h-6a.67.67 0 0 1 0-1.33h2.2l3.5-9.34H9.68a.66.66 0 1 1 0-1.33h3.38Z'></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 273 B

1
web/shared/icons/link.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'><path fill='black' d='M17.37 4.64a3.75 3.75 0 0 0-5.3 0l-1.65 1.64c.61 0 1.23.1 1.81.31l.9-.9a2.25 2.25 0 0 1 3.17 3.19l-3.18 3.18a2.25 2.25 0 0 1-3.61-.63l-1.1 1.1a3.75 3.75 0 0 0 5.77.6l3.19-3.19a3.75 3.75 0 0 0 0-5.3ZM8.88 16.3a2.25 2.25 0 0 1-3.18-3.18l3.18-3.18a2.25 2.25 0 0 1 3.61.63l1.11-1.1a3.75 3.75 0 0 0-5.78-.59l-3.18 3.18a3.75 3.75 0 0 0 5.3 5.3l1.65-1.64a5.6 5.6 0 0 1-1.82-.3l-.89.88Z'></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 510 B

2
web/shared/icons/manage-search.svg
View File

@@ -1 +1 @@
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.032 5.016 C 7.713 5.124,6.571 6.040,6.163 7.313 C 5.545 9.246,6.777 11.267,8.785 11.617 C 8.966 11.649,9.130 11.656,9.440 11.645 C 10.027 11.625,10.407 11.524,10.931 11.248 L 11.182 11.116 12.458 12.391 L 13.733 13.666 14.200 13.200 L 14.666 12.733 13.394 11.444 L 12.123 10.154 12.172 10.070 C 12.487 9.534,12.635 9.039,12.658 8.440 C 12.674 8.032,12.630 7.710,12.503 7.314 C 12.160 6.238,11.265 5.391,10.175 5.108 C 9.956 5.051,9.829 5.033,9.413 5.003 C 9.347 4.998,9.176 5.004,9.032 5.016 M1.333 6.320 L 1.333 6.987 3.000 6.987 L 4.667 6.987 4.667 6.320 L 4.667 5.653 3.000 5.653 L 1.333 5.653 1.333 6.320 M9.606 6.359 C 10.355 6.431,11.037 7.028,11.259 7.805 C 11.336 8.075,11.341 8.565,11.270 8.827 C 11.032 9.704,10.236 10.320,9.341 10.320 C 9.014 10.320,8.762 10.262,8.467 10.119 C 7.400 9.603,7.021 8.318,7.631 7.287 C 7.758 7.071,8.085 6.749,8.313 6.615 C 8.616 6.436,9.116 6.306,9.387 6.337 C 9.423 6.341,9.522 6.351,9.606 6.359 M1.333 9.653 L 1.333 10.320 3.000 10.320 L 4.667 10.320 4.667 9.653 L 4.667 8.987 3.000 8.987 L 1.333 8.987 1.333 9.653 M1.333 12.987 L 1.333 13.653 4.667 13.653 L 8.000 13.653 8.000 12.987 L 8.000 12.320 4.667 12.320 L 1.333 12.320 1.333 12.987 " stroke="none" fill-rule="evenodd"></path></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#000" d="M1.916 13.573a.762.762 0 0 1-.561-.226.763.763 0 0 1-.227-.562c0-.223.076-.41.227-.561a.763.763 0 0 1 .561-.227h6.305c.224 0 .41.076.562.227a.763.763 0 0 1 .226.561c0 .224-.075.41-.226.562a.762.762 0 0 1-.562.226H1.916Zm0-3.94a.763.763 0 0 1-.561-.227.763.763 0 0 1-.227-.561c0-.224.076-.41.227-.562a.763.763 0 0 1 .561-.226h2.365c.223 0 .41.075.561.226a.763.763 0 0 1 .227.562c0 .223-.076.41-.227.561a.763.763 0 0 1-.561.227H1.916Zm0-3.94a.763.763 0 0 1-.561-.227.763.763 0 0 1-.227-.562c0-.223.076-.41.227-.561a.763.763 0 0 1 .561-.227h2.365c.223 0 .41.076.561.227a.763.763 0 0 1 .227.561c0 .223-.076.41-.227.562a.763.763 0 0 1-.561.226H1.916ZM9.4 10.184C8.347 9.9 7.55 9.29 7.006 8.349s-.674-1.939-.392-2.992a3.798 3.798 0 0 1 1.835-2.394c.94-.544 1.938-.674 2.991-.392 1.053.282 1.851.894 2.395 1.835.543.941.674 1.938.391 2.991-.098.368-.25.718-.455 1.051a3.514 3.514 0 0 1-.753.87l1.756 3.04a.747.747 0 0 1 .067.589.748.748 0 0 1-.353.477.747.747 0 0 1-.589.066.747.747 0 0 1-.476-.352l-1.756-3.04a3.514 3.514 0 0 1-1.129.217c-.39.011-.77-.033-1.138-.131Zm.408-1.523a2.28 2.28 0 0 0 1.796-.233 2.28 2.28 0 0 0 1.1-1.439 2.28 2.28 0 0 0-.233-1.796 2.28 2.28 0 0 0-1.439-1.1 2.28 2.28 0 0 0-1.796.233 2.28 2.28 0 0 0-1.1 1.44A2.28 2.28 0 0 0 8.37 7.56c.325.564.805.93 1.44 1.1Z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

1
web/shared/icons/math.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="none" viewBox="0 0 22 22"><g fill="#666" fill-rule="evenodd" clip-rule="evenodd"><path d="m1.441 12.508-.875.633h-.04a.29.29 0 0 1-.145-.047 1.096 1.096 0 0 1-.136-.1L.24 12.99a.85.85 0 0 1-.12-.132.297.297 0 0 1-.061-.169.214.214 0 0 1 .052-.15 1.266 1.266 0 0 1 .08-.075c.045-.041.11-.095.195-.162.168-.135.415-.326.74-.574a81.03 81.03 0 0 0 .92-.704l.047-.037.012-.01a.226.226 0 0 1 .159-.062c.141 0 .233.103.29.218.026.053.632 1.41 1.228 2.747l1.077 2.418.118-.251a1257.53 1257.53 0 0 1 2.571-5.43c1.448-3.037 3-6.25 3.397-6.906.092-.161.227-.27.405-.27h10.594v1.052H11.753L4.942 18.59c-.076.133-.235.167-.39.167a.589.589 0 0 1-.142-.015.264.264 0 0 1-.125-.066.122.122 0 0 1-.017-.02.264.264 0 0 1-.003-.006l-.001-.001-.005-.01-.009-.017a1218.866 1218.866 0 0 1-2.427-5.278l-.383-.837Z"/><path d="M16.346 16.778c-.19-.1-.35-.255-.48-.465-.13-.22-.245-.5-.345-.84l-.422-1.469c-.168.301-.327.576-.478.824-.31.51-.605.94-.885 1.29-.2.26-.4.455-.6.585-.2.14-.455.21-.765.21-.37 0-.68-.095-.93-.285-.25-.2-.395-.475-.435-.825.05-.25.155-.445.315-.585a.787.787 0 0 1 .555-.225c.25 0 .445.07.585.21.14.14.27.36.39.66l.051.133.129-.133c.09-.08.17-.17.24-.27.26-.32.51-.645.75-.975.25-.34.49-.685.72-1.035l.094-.137-.664-2.263c-.09-.29-.18-.49-.27-.6a.458.458 0 0 0-.375-.165c-.12 0-.265.055-.435.165-.17.11-.375.34-.615.69l-.42-.39c.24-.39.475-.715.705-.975.23-.27.465-.47.705-.6.24-.13.49-.195.75-.195.39 0 .685.11.885.33.21.22.385.57.525 1.05l.454 1.63c.216-.387.42-.73.61-1.03.32-.51.58-.9.78-1.17.22-.28.436-.485.646-.615.22-.13.485-.195.795-.195.35 0 .625.085.825.255.21.17.345.4.405.69-.02.27-.11.49-.27.66a.744.744 0 0 1-.585.255c-.23 0-.415-.06-.555-.18-.13-.13-.255-.325-.375-.585l-.07-.14-.065.065c-.08.08-.16.17-.24.27-.23.3-.465.61-.705.93-.24.32-.48.65-.72.99a20.23 20.23 0 0 0-.233.352l.638 2.138c.09.33.195.555.315.675.13.12.285.18.465.18.18 0 .365-.08.555-.24.2-.17.425-.425.675-.765l.495.345c-.36.57-.74 1.035-1.14 1.395-.39.35-.815.525-1.275.525a1.5 1.5 0 0 1-.705-.15Z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

7
web/shared/icons/mute-new.svg
View File

@@ -1,6 +1 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.29262 12.0003H14.0007C14.2945 12.0003 14.5536 11.808 14.6388 11.5268C14.723 11.2487 14.6172 10.9484 14.3782 10.7842L14.3763 10.7828C14.3712 10.779 14.3593 10.7699 14.3416 10.7551C14.3061 10.7255 14.2472 10.6731 14.1722 10.5939C14.0226 10.436 13.8072 10.17 13.586 9.76442C13.1759 9.0127 12.7334 7.75829 12.6741 5.78608L11.4479 7.20202C11.6317 8.62852 12.0139 9.66674 12.4154 10.4029C12.4662 10.4959 12.5171 10.5839 12.5678 10.667H8.44727L7.29262 12.0003Z" fill="black"/>
<path d="M10.984 3.84672C10.825 3.52773 10.6145 3.2334 10.3577 2.97664C9.73261 2.35152 8.88476 2.00033 8.0007 2.00033C7.11665 2.00033 6.2688 2.35151 5.64368 2.97664C5.01856 3.60176 4.66737 4.4496 4.66737 5.33366C4.66737 7.76522 4.14541 9.37724 3.58597 10.4029C3.53523 10.4959 3.48431 10.5839 3.43359 10.667H5.07774L3.92309 12.0003H2.0007C1.70692 12.0003 1.44777 11.808 1.36264 11.5268C1.27841 11.2487 1.38417 10.9484 1.62316 10.7842L1.62507 10.7828C1.6302 10.779 1.6421 10.7699 1.65985 10.7551C1.69533 10.7255 1.75425 10.6731 1.82923 10.5939C1.97885 10.436 2.19424 10.17 2.41544 9.76442C2.85599 8.95675 3.33404 7.56876 3.33404 5.33366C3.33404 4.09598 3.8257 2.909 4.70087 2.03383C5.57604 1.15866 6.76303 0.666992 8.0007 0.666992C9.23838 0.666992 10.4254 1.15866 11.3005 2.03383C11.5297 2.26298 11.7325 2.5135 11.9072 2.78071L10.984 3.84672Z" fill="black"/>
<path d="M7.42404 13.6658C7.23929 13.3473 6.83134 13.2389 6.51286 13.4237C6.19437 13.6084 6.08596 14.0164 6.2707 14.3348C6.44651 14.6379 6.69886 14.8895 7.00248 15.0644C7.30609 15.2392 7.65032 15.3313 8.0007 15.3313C8.35108 15.3313 8.69531 15.2392 8.99893 15.0644C9.30255 14.8895 9.55489 14.6379 9.7307 14.3348C9.91545 14.0164 9.80703 13.6084 9.48855 13.4237C9.17007 13.2389 8.76212 13.3473 8.57737 13.6658C8.51877 13.7668 8.43465 13.8507 8.33344 13.909C8.23224 13.9673 8.1175 13.998 8.0007 13.998C7.88391 13.998 7.76917 13.9673 7.66796 13.909C7.56676 13.8507 7.48264 13.7668 7.42404 13.6658Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.76637 15.5066C1.48874 15.2662 1.45858 14.8462 1.69901 14.5686L13.7869 0.610091C14.0273 0.332456 14.4473 0.302294 14.7249 0.542722C15.0026 0.78315 15.0327 1.20312 14.7923 1.48076L2.70441 15.4393C2.46398 15.7169 2.04401 15.7471 1.76637 15.5066Z" fill="black"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#000" d="M1.699 14.568 3.923 12H2.001a.667.667 0 0 1-.378-1.216l.002-.002a2.03 2.03 0 0 0 .204-.189 3.96 3.96 0 0 0 .586-.829c.441-.807.919-2.195.919-4.43a4.667 4.667 0 0 1 8.573-2.554l1.88-2.17a.665.665 0 1 1 1.005.87L2.704 15.44a.665.665 0 0 1-1.005-.87Zm3.379-3.901 5.906-6.82a3.332 3.332 0 0 0-5.34-.87 3.333 3.333 0 0 0-.977 2.356c0 2.432-.522 4.044-1.081 5.07a6.22 6.22 0 0 1-.152.264h1.644ZM14 12H7.294l1.154-1.333h4.12a6.308 6.308 0 0 1-.152-.264c-.401-.737-.783-1.775-.967-3.201l1.226-1.416c.06 1.972.502 3.226.912 3.978.221.406.437.672.586.83a2.028 2.028 0 0 0 .204.189h.002A.667.667 0 0 1 14.001 12Zm-7.487 1.423a.667.667 0 0 1 .911.243.666.666 0 0 0 1.153 0 .667.667 0 0 1 1.154.669 2 2 0 0 1-3.46 0 .667.667 0 0 1 .242-.912Z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 853 B

1
web/shared/icons/ordered-list.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="none" viewBox="0 0 22 22"><path fill="#666" fill-rule="evenodd" d="M5.369 10.08c-.387 0-.638-.228-.638-.624v-3.49H4.71l-.742.493a.472.472 0 0 1-.281.083c-.273 0-.457-.175-.457-.435 0-.189.083-.33.272-.457l.936-.624c.32-.206.514-.272.84-.272.47 0 .733.22.733.637v4.065c0 .396-.25.624-.641.624Zm-1.371 7.921c-.348 0-.567-.207-.567-.536 0-.229.1-.418.334-.624L5.47 15.29c.466-.444.624-.682.624-.985 0-.36-.3-.628-.743-.628-.303 0-.54.114-.685.316a.77.77 0 0 0-.115.224c-.096.25-.263.374-.545.374-.312 0-.523-.207-.523-.506 0-.1.014-.184.044-.285.198-.594.853-1.09 1.86-1.09 1.181 0 1.955.628 1.955 1.53 0 .65-.484 1.133-.963 1.595L5.101 16.99v.022h1.867c.308 0 .519.198.519.497 0 .294-.211.492-.519.492h-2.97ZM10 8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1Zm1 6h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2Z" clip-rule="evenodd"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 895 B

1
web/shared/icons/poll.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="none" viewBox="0 0 22 22"><path fill="#000" d="M11.988 17.296h-2V5.375h2v11.92Zm-5-5.999v6h-2v-6h2Zm10 6h-2v-8h2v8Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 193 B

2
web/shared/icons/power.svg
View File

@@ -1 +1 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.782 0.709 C 7.706 0.732,7.612 0.791,7.540 0.862 C 7.318 1.077,7.333 0.797,7.333 4.667 C 7.333 8.522,7.319 8.254,7.533 8.467 C 7.793 8.728,8.207 8.728,8.467 8.467 C 8.681 8.254,8.667 8.522,8.667 4.667 C 8.667 0.797,8.682 1.077,8.460 0.862 C 8.276 0.683,8.040 0.629,7.782 0.709 M3.583 3.784 C 3.402 3.830,3.237 3.975,2.867 4.413 C 2.627 4.698,2.253 5.265,2.072 5.619 C 1.347 7.036,1.149 8.659,1.512 10.200 C 1.676 10.898,2.037 11.737,2.423 12.320 C 3.485 13.923,5.131 14.973,7.040 15.266 C 7.435 15.327,8.182 15.347,8.587 15.308 C 10.543 15.121,12.283 14.124,13.422 12.538 C 13.887 11.890,14.265 11.068,14.465 10.271 C 14.877 8.623,14.629 6.842,13.781 5.360 C 13.473 4.822,12.878 4.066,12.624 3.891 C 12.197 3.598,11.629 3.860,11.579 4.374 C 11.559 4.590,11.630 4.744,11.870 5.004 C 12.567 5.756,13.020 6.625,13.213 7.585 C 13.582 9.411,13.020 11.228,11.691 12.507 C 11.253 12.928,10.854 13.206,10.314 13.467 C 9.050 14.076,7.655 14.168,6.320 13.729 C 4.596 13.162,3.279 11.747,2.827 9.974 C 2.638 9.233,2.619 8.365,2.776 7.588 C 2.963 6.663,3.443 5.736,4.100 5.032 C 4.353 4.761,4.410 4.650,4.410 4.427 C 4.410 4.233,4.365 4.121,4.230 3.978 C 4.071 3.808,3.803 3.728,3.583 3.784 " stroke="none" fill-rule="evenodd"></path></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g fill="#000"><path d="M8.665 1.333V8a.665.665 0 1 1-1.33 0V1.333a.665.665 0 0 1 1.33 0Z"/><path d="M4.224 4.897a5.335 5.335 0 1 0 7.546 0 .665.665 0 1 1 .94-.94 6.665 6.665 0 1 1-9.427 0 .665.665 0 0 1 .94.94Z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 319 B

1
web/shared/icons/preview.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="none" viewBox="0 0 22 22"><g fill="#000"><path d="M2.46 10.53a.83.83 0 0 0 0 .94c.9 1.35 3.86 5.16 8.54 5.16s7.64-3.8 8.54-5.16c.2-.29.2-.65 0-.94-.9-1.36-3.86-5.19-8.54-5.19s-7.64 3.83-8.54 5.2ZM11 6.68c4.63 0 7.2 4.32 7.2 4.32s-2.57 4.29-7.2 4.29c-4.63 0-7.2-4.3-7.2-4.3s2.58-4.3 7.2-4.3Z"/><path d="M14.27 11a3.27 3.27 0 1 1-6.54 0 3.27 3.27 0 0 1 6.54 0Z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 440 B

1
web/shared/icons/question.svg Normal file
View File

@@ -0,0 +1 @@
<svg class='icon' xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'><path fill='black' d='M10.28 13.81c.52 0 .72-.36.72-.89 0-.88.3-1.35 1.37-1.98 1.07-.65 1.75-1.55 1.75-2.87 0-1.8-1.47-3.07-3.56-3.07-1.61 0-2.85.7-3.34 1.89-.15.33-.22.61-.22.97 0 .44.24.7.66.7.38 0 .57-.17.7-.68.29-1 1.03-1.57 2.14-1.57 1.24 0 2.06.74 2.06 1.83 0 .86-.38 1.4-1.35 2-1.15.7-1.68 1.44-1.68 2.57v.24c0 .48.23.86.75.86Zm-.01 3.49c.54 0 .96-.42.96-.96a.94.94 0 0 0-.96-.96.94.94 0 0 0-.96.96c0 .54.42.96.96.96Z'></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 547 B

1
web/shared/icons/quote.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="none" viewBox="0 0 22 22"><path fill="#666" fill-rule="evenodd" d="M3.097 7.002a2 2 0 1 1-1.506.579l1.98-3.335a.5.5 0 1 1 .86.51L3.096 7.002Zm3.494.578 1.98-3.334a.5.5 0 1 1 .86.51L8.096 7.002a2 2 0 1 1-1.506.579ZM17 13.195a2 2 0 1 1 3.409 1.42l-1.98 3.334a.5.5 0 1 1-.86-.51l1.334-2.246A2 2 0 0 1 17 13.195Zm-1.591 1.42-1.98 3.334a.5.5 0 1 1-.86-.51l1.334-2.246a2 2 0 1 1 1.506-.578Z" clip-rule="evenodd"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 482 B

1
web/shared/icons/smile-bigger.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="none" viewBox="0 0 22 22"><g fill="#666"><path d="M11 4.664a6.336 6.336 0 1 0 0 12.673 6.336 6.336 0 0 0 0-12.673ZM3.334 11a7.666 7.666 0 1 1 15.333 0 7.666 7.666 0 0 1-15.333 0Z"/><path d="M7.898 8.902a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2h-.01a1 1 0 0 1-1-1Zm4.204 0a1 1 0 0 1 1-1h.01a1 1 0 0 1 0 2h-.01a1 1 0 0 1-1-1ZM8.625 11.89a.67.67 0 0 1 .105.11l.004.004.024.03a3.5 3.5 0 0 0 .577.53c.408.296.974.573 1.666.573s1.257-.277 1.665-.573a3.5 3.5 0 0 0 .604-.562v-.001a.672.672 0 0 1 .93-.132c.294.22.354.638.133.931v.001l-.001.001-.002.003-.005.006-.015.019a3.911 3.911 0 0 1-.22.25 4.83 4.83 0 0 1-.642.56c-.554.403-1.389.827-2.447.827-1.059 0-1.893-.424-2.448-.828a4.835 4.835 0 0 1-.814-.75 2.645 2.645 0 0 1-.048-.06l-.015-.018-.005-.006-.001-.003h-.001l.029-.023h-.002l-.028.021a.665.665 0 0 1 .957-.91Z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 887 B

1
web/shared/icons/smile-smaller.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g fill="#000"><path d="M5.9 4.9h.01a1 1 0 1 1 0 2H5.9a1 1 0 1 1 0-2Zm3.2 1a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2h-.01a1 1 0 0 1-1-1ZM5.732 9.001a2.835 2.835 0 0 0 4.536 0 .665.665 0 0 1 1.064.798c-1.666 2.221-4.998 2.221-6.664 0a.665.665 0 1 1 1.064-.798Z"/><path d="M8 .335a7.665 7.665 0 1 1 0 15.33A7.665 7.665 0 0 1 8 .335ZM1.665 8a6.335 6.335 0 1 0 12.67 0 6.335 6.335 0 0 0-12.67 0Z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 490 B

10
web/shared/icons/smile.svg
View File

@@ -1,9 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Generated by Pixelmator Pro 3.3.8 -->
<svg width="1024" height="1024" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<g id="Group">
<path id="Path" fill="#000000" stroke="none" d="M 371.712006 303.959961 C 347.359375 303.206055 324.526917 315.767517 312.127716 336.740845 C 299.728546 357.714111 299.728546 383.773926 312.127716 404.747192 C 324.526917 425.720459 347.359375 438.281982 371.712006 437.528015 L 372.35199 437.528015 C 396.70462 438.281982 419.537079 425.720459 431.936279 404.747192 C 444.335449 383.773926 444.335449 357.714111 431.936279 336.740845 C 419.537079 315.767517 396.70462 303.206055 372.35199 303.959961 Z M 360.511993 577.880005 C 345.637665 558.744812 318.169556 555.066406 298.784668 569.613831 C 279.39975 584.161255 275.255707 611.562988 289.471985 631.192017 C 400.70401 779.544006 623.296021 779.544006 734.59198 631.192017 C 744.440979 618.521729 746.68927 601.523926 740.473145 586.728699 C 734.257019 571.933472 720.543335 561.642029 704.600464 559.808044 C 688.657593 557.97406 672.965271 564.882751 663.552002 577.880005 C 627.788818 625.581055 571.650757 653.656006 512.031982 653.656006 C 452.413269 653.656006 396.275177 625.581055 360.511993 577.880005 Z"/>
<path id="Path-copy" fill="#000000" stroke="none" d="M 650.712036 303.959961 C 626.359375 303.206055 603.526917 315.767517 591.127747 336.740845 C 578.728577 357.714111 578.728577 383.773926 591.127747 404.747192 C 603.526917 425.720459 626.359375 438.281982 650.712036 437.528015 L 651.35199 437.528015 C 675.704651 438.281982 698.537109 425.720459 710.936279 404.747192 C 723.335449 383.773926 723.335449 357.714111 710.936279 336.740845 C 698.537109 315.767517 675.704651 303.206055 651.35199 303.959961 Z"/>
</g>
<path id="path1" fill="#000000" fill-rule="evenodd" stroke="none" d="M 512 0 C 229.230209 0 0 229.230225 0 512 C 0 794.769775 229.230209 1024 512 1024 C 794.769775 1024 1024 794.769775 1024 512 C 1024 229.230225 794.769775 0 512 0 Z M 88.832001 512 C 88.832001 278.290771 278.290771 88.832031 512 88.832031 C 745.709229 88.832031 935.16803 278.290771 935.16803 512 C 935.16803 745.709229 745.709229 935.16803 512 935.16803 C 278.290771 935.16803 88.832001 745.709229 88.832001 512 Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g fill="#000"><path d="M5.80831 4.76458h.01043c.57643 0 1.04371.46728 1.04371 1.04371 0 .57642-.46728 1.0437-1.04371 1.0437h-.01043c-.57643 0-1.04371-.46728-1.04371-1.0437 0-.57643.46728-1.04371 1.04371-1.04371Zm3.33985 1.04371c0-.57643.46728-1.04371 1.04374-1.04371h.0104c.5764 0 1.0437.46728 1.0437 1.04371 0 .57642-.4673 1.0437-1.0437 1.0437h-.0104c-.57646 0-1.04374-.46728-1.04374-1.0437ZM5.63288 9.04482c1.18356 1.57808 3.55068 1.57808 4.73422 0 .23-.30666.6651-.36881.9717-.13882.3067.22999.3688.66504.1388.97169-1.73879 2.31841-5.21641 2.31841-6.95523 0-.22999-.30665-.16784-.7417.13882-.97169.30665-.22999.74169-.16784.97169.13882Z"/><path d="M8 0c4.4183 0 8 3.58172 8 8 0 4.4183-3.5817 8-8 8-4.41828 0-8-3.5817-8-8 0-4.41828 3.58172-8 8-8ZM1.38813 8c0 3.6516 2.96023 6.6119 6.61187 6.6119 3.6516 0 6.6119-2.9603 6.6119-6.6119 0-3.65164-2.9603-6.61187-6.6119-6.61187-3.65164 0-6.61187 2.96023-6.61187 6.61187Z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

1
web/shared/icons/spoiler.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="none" viewBox="0 0 22 22"><path fill="#000" d="M4.844 2.853h12.3a.85.85 0 1 1 0 1.7h-12.3a.85.85 0 1 1 0-1.7Zm1.613 8.276c0-.368.297-.665.665-.665h7.67a.665.665 0 1 1 0 1.33h-7.67a.665.665 0 0 1-.665-.665Zm0 3c0-.368.297-.665.665-.665h4.67a.665.665 0 1 1 0 1.33h-4.67a.665.665 0 0 1-.665-.665ZM2.994 8.145c0-.734.596-1.33 1.33-1.33v1.33h-1.33Zm0 1.42h1.33v1.33h-1.33v-1.33Zm16.33 0v1.33h-1.33v-1.33h1.33Zm-16.33 2.75h1.33v1.33h-1.33v-1.33Zm16.33 0v1.33h-1.33v-1.33h1.33Zm-16.33 2.75h1.33v1.33h-1.33v-1.33Zm16.33 0v1.33h-1.33v-1.33h1.33Zm-16.33 2.75h1.33v1.33a1.33 1.33 0 0 1-1.33-1.33Zm4.33-11v1.33h-1.33v-1.33h1.33Zm-1.33 11h1.33v1.33h-1.33v-1.33Zm4.33-11v1.33h-1.33v-1.33h1.33Zm-1.33 11h1.33v1.33h-1.33v-1.33Zm4.33-11v1.33h-1.33v-1.33h1.33Zm-1.33 11h1.33v1.33h-1.33v-1.33Zm4.33-11v1.33h-1.33v-1.33h1.33Zm-1.33 11h1.33v1.33h-1.33v-1.33Zm4.33-9.67h-1.33v-1.33c.735 0 1.33.596 1.33 1.33Zm-1.33 9.67h1.33a1.33 1.33 0 0 1-1.33 1.33v-1.33Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1013 B

1
web/shared/icons/strikethrough.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'><path fill='black' d='M6.34 8.07c0 .5.08.96.25 1.37h2c-.5-.37-.71-.85-.71-1.44 0-1.3 1.15-2.07 2.65-2.07 1.29 0 2.13.67 2.58 1.38.45.68 1.69.28 1.4-.5-.52-1.33-1.94-2.31-3.94-2.31-2.49 0-4.23 1.47-4.23 3.57Zm4.2 9.58c2.68 0 4.43-1.47 4.43-3.83 0-.52-.09-.98-.27-1.38h-2.18c.64.4.91.93.91 1.62 0 1.25-1.18 2.16-2.8 2.16a3.48 3.48 0 0 1-2.95-1.43c-.42-.6-1.6-.29-1.27.77.77 1.42 2.46 2.09 4.13 2.09Zm-5.87-7.42a.67.67 0 0 0 0 1.33h12.67a.66.66 0 1 0 0-1.33H4.66Z'></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 570 B

1
web/shared/icons/time.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'><path fill='black' fill-rule='evenodd' d='M5 11a6 6 0 1 1 12 0 6 6 0 0 1-12 0Zm6-7.33a7.33 7.33 0 1 0 0 14.66 7.33 7.33 0 0 0 0-14.66ZM11.66 7a.67.67 0 0 0-1.32 0v4c0 .25.14.48.36.6l2.67 1.33a.67.67 0 0 0 .6-1.2l-2.3-1.14V7Z' clip-rule='evenodd'></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 354 B

1
web/shared/icons/unordered-list.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="none" viewBox="0 0 22 22"><path fill="#666" fill-rule="evenodd" d="M3.5 8A1.5 1.5 0 0 1 5 6.5h.008a1.5 1.5 0 1 1 0 3H5A1.5 1.5 0 0 1 3.5 8ZM10 7h8a1 1 0 1 1 0 2h-8a1 1 0 0 1 0-2Zm0 7h8a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2Zm-5-.5h.008a1.5 1.5 0 0 1 0 3H5a1.5 1.5 0 0 1 0-3Z" clip-rule="evenodd"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 364 B

3
web/shared/icons/video-call.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.6663 4.83594C2.28651 4.83594 1.16797 5.95448 1.16797 7.33427V14.6676C1.16797 16.0474 2.28651 17.1659 3.6663 17.1659H12.833C14.2128 17.1659 15.3313 16.0474 15.3313 14.6676V12.2418L19.7981 15.2196C20.0021 15.3557 20.2645 15.3683 20.4807 15.2526C20.697 15.1369 20.832 14.9116 20.832 14.6663V7.33297C20.832 7.08772 20.697 6.86238 20.4807 6.74666C20.2645 6.63093 20.0021 6.64362 19.7981 6.77966L15.3313 9.75751V7.33427C15.3313 5.95448 14.2128 4.83594 12.833 4.83594H3.6663ZM2.49797 7.33427C2.49797 6.68902 3.02105 6.16594 3.6663 6.16594H12.833C13.4782 6.16594 14.0013 6.68902 14.0013 7.33427V14.6676C14.0013 15.3129 13.4782 15.8359 12.833 15.8359H3.6663C3.02105 15.8359 2.49797 15.3129 2.49797 14.6676V7.33427ZM19.502 13.4237L15.8658 10.9996L19.502 8.57553V13.4237Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 892 B

1
web/shared/icons/voice-call.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'><g fill='black'><path d='m16.41 14.18-1.89-.22c-.45-.05-.9.1-1.23.43l-1.38 1.39a11.24 11.24 0 0 1-4.95-4.94l1.4-1.4c.31-.31.47-.76.42-1.22l-.22-1.9A1.5 1.5 0 0 0 7.07 5h-1.3c-.85 0-1.55.7-1.5 1.55A12.7 12.7 0 0 0 16.2 18.47c.85.05 1.55-.65 1.55-1.5v-1.3c0-.76-.57-1.4-1.33-1.49Z'></path><path d='M13.42 5.65a.38.38 0 0 1 .27-.65h2.97c.47 0 .84.37.84.84V8.8c0 .34-.41.51-.65.27L15.66 7.9 12.62 11 11.5 9.94l3.1-3.1-1.18-1.19Z'></path></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 538 B

10
web/src/css_variables.js
View File

@@ -19,10 +19,11 @@ const mc = 849; // Middle column as wide as it appears after the `sm` breakpoint
// Breakpoints for showing and hiding compose buttons which do not always fit in
// a single row below the compose box
const cb1 = 1240;
const cb2 = 998;
const cb3 = 676;
const cb4 = 448;
const cb1 = 1296;
const cb2 = 1054;
const cb3 = 794;
const cb4 = 732;
const cb5 = 486;
module.exports = {
media_breakpoints: {
@@ -39,6 +40,7 @@ module.exports = {
cb2_min: cb2 + "px",
cb3_min: cb3 + "px",
cb4_min: cb4 + "px",
cb5_min: cb5 + "px",
short_navbar_cutoff_height: "600px",
},

28
web/styles/compose.css
View File

@@ -246,7 +246,7 @@
grid-template-areas:
"compose-textarea message-send-controls-container"
"message-formatting-controls-container . ";
grid-gap: 6px;
gap: 4px 6px;
@media ((width >= $sm_min) and (width < $mc_min)) {
/* Drop to a 62px wide send column. */
@@ -970,22 +970,17 @@ textarea.new_message_textarea,
display: flex;
align-items: center;
/* We use the selector in this manner to maintain specificity. */
.compose_control_button_container .compose_gif_icon {
font-size: 22px;
}
.compose_control_button {
height: 27px;
width: 27px;
height: 28px;
width: 30px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.7;
color: inherit;
text-decoration: none;
font-size: 17px;
border-radius: 4px;
font-size: 22px;
border-radius: 3px;
&:hover {
opacity: 1;
@@ -1030,7 +1025,7 @@ textarea.new_message_textarea,
in the main row below the compose box. So, this is the same as
the media query for .show_popover_buttons. */
@media (((width < $cb1_min) and (width >= $xl_min)) or ((width < $cb2_min) and (width >= $md_min)) or (width < $cb3_min)) {
@media (((width < $cb1_min) and (width >= $xl_min)) or ((width < $cb2_min) and (width >= $md_min)) or (width < $cb4_min)) {
display: flex;
}
}
@@ -1067,7 +1062,7 @@ textarea.new_message_textarea,
single row. The media query below handles the hiding and showing of the
buttons from the main row of compose buttons below the compose box. */
@media (((width < $cb1_min) and (width >= $xl_min)) or ((width < $cb2_min) and (width >= $md_min)) or (width < $cb3_min)) {
@media (((width < $cb1_min) and (width >= $xl_min)) or ((width < $cb2_min) and (width >= $md_min)) or (width < $cb4_min)) {
display: none;
}
}
@@ -1082,15 +1077,18 @@ textarea.new_message_textarea,
compose buttons that we hide, and show in the popover only when the
screen gets extremely narrow. */
@media (width < $cb4_min) {
@media ((width < $cb5_min) or ((width < $cb3_min) and (width >= $md_min))) {
display: none;
}
}
&.show_cb4 {
&.show_in_popover {
display: none;
@media (width < $cb4_min) {
/* This is to show the popover 2 buttons in the popover, only when
they are hidden in the main row below the compose box. */
@media ((width < $cb5_min) or ((width < $cb3_min) and (width >= $md_min))) {
display: flex;
}
}

2
web/styles/zulip.css
View File

@@ -3585,7 +3585,7 @@ select.invite-as {
font-size: 18px;
}
.zulip-icon-help,
.zulip-icon-help-bigger,
.zulip-icon-triple-users {
font-size: 20px;
}

14
web/templates/compose_control_buttons.hbs
View File

@@ -2,31 +2,31 @@
<input type="file" class="file_input notvisible" multiple />
{{#if file_upload_enabled }}
<div class="compose_control_button_container preview_mode_disabled" data-tippy-content="{{t 'Upload files' }}">
<a role="button" class="compose_control_button compose_upload_file fa fa-paperclip notdisplayed" aria-label="{{t 'Upload files' }}" tabindex=0></a>
<a role="button" class="compose_control_button compose_upload_file zulip-icon zulip-icon-attachment notdisplayed" aria-label="{{t 'Upload files' }}" tabindex=0></a>
</div>
{{/if}}
<div class="compose_control_button_container" data-tippy-content="{{t 'Preview' }}">
<a role="button" class="markdown_preview compose_control_button fa fa-eye" aria-label="{{t 'Preview' }}" tabindex=0></a>
<a role="button" class="markdown_preview compose_control_button zulip-icon zulip-icon-preview" aria-label="{{t 'Preview' }}" tabindex=0></a>
</div>
<div class="compose_control_button_container" data-tippy-content="{{t 'Write' }}">
<a role="button" class="undo_markdown_preview compose_control_button fa fa-edit" aria-label="{{t 'Write' }}" tabindex=0 style="display:none;"></a>
</div>
<div class="compose_control_button_container preview_mode_disabled" data-tippy-content="{{t 'Add video call' }}">
<a role="button" class="compose_control_button fa fa-video-camera video_link" aria-label="{{t 'Add video call' }}" tabindex=0></a>
<a role="button" class="compose_control_button zulip-icon zulip-icon-video-call video_link" aria-label="{{t 'Add video call' }}" tabindex=0></a>
</div>
<div class="compose_control_button_container preview_mode_disabled" data-tippy-content="{{t 'Add voice call' }}">
<a role="button" class="compose_control_button fa fa-phone audio_link" aria-label="{{t 'Add voice call' }}" tabindex=0></a>
<a role="button" class="compose_control_button zulip-icon zulip-icon-voice-call" aria-label="{{t 'Add voice call' }}" tabindex=0></a>
</div>
<div class="divider">|</div>
<div class="compose_control_button_container preview_mode_disabled" data-tippy-content="{{t 'Add emoji' }}">
<a role="button" class="compose_control_button fa fa-smile-o emoji_map" aria-label="{{t 'Add emoji' }}" tabindex=0></a>
<a role="button" class="compose_control_button zulip-icon zulip-icon-smile-bigger emoji_map" aria-label="{{t 'Add emoji' }}" tabindex=0></a>
</div>
<div class="compose_control_button_container preview_mode_disabled" data-tooltip-template-id="add-global-time-tooltip" data-tippy-maxWidth="none">
<a role="button" class="compose_control_button fa fa-clock-o time_pick" aria-label="{{t 'Add global time' }}" tabindex=0></a>
<a role="button" class="compose_control_button zulip-icon zulip-icon-time time_pick" aria-label="{{t 'Add global time' }}" tabindex=0></a>
</div>
{{#unless message_id}}
<div class="compose_control_button_container preview_mode_disabled" data-tooltip-template-id="add-poll-tooltip" data-tippy-maxWidth="none">
<a role="button" class="compose_control_button fa fa-hand-paper-o add-poll" aria-label="{{t 'Add poll' }}" tabindex=0></a>
<a role="button" class="compose_control_button zulip-icon zulip-icon-poll add-poll" aria-label="{{t 'Add poll' }}" tabindex=0></a>
</div>
{{/unless}}
<div class="compose_control_button_container {{#unless giphy_enabled }}hide{{/unless}} preview_mode_disabled" data-tippy-content="{{t 'Add GIF' }}">

2
web/templates/navbar.hbs
View File

@@ -52,7 +52,7 @@
</div>
<div id="help-menu">
<a class="header-button tippy-zulip-delayed-tooltip" tabindex="0" role="button" data-tooltip-template-id="help-menu-tooltip-template">
<i class="zulip-icon zulip-icon-help" aria-hidden="true"></i>
<i class="zulip-icon zulip-icon-help-bigger" aria-hidden="true"></i>
</a>
</div>
<div id="gear-menu" class="{{#if embedded}}hide-navbar-buttons-visibility{{/if}}">

4
web/templates/personal_menu.hbs
View File

@@ -52,14 +52,14 @@
</li>
<li class="link-item navbar-dropdown-menu-inner-list-item">
<a href="" class="update_status_text navbar-dropdown-menu-link">
<i class="navbar-dropdown-icon zulip-icon zulip-icon-smile"></i>
<i class="navbar-dropdown-icon zulip-icon zulip-icon-smile-smaller"></i>
{{#tr}}Edit status{{/tr}}
</a>
</li>
{{else}}
<li class="link-item hidden-for-spectators navbar-dropdown-menu-inner-list-item">
<a href="" class="update_status_text navbar-dropdown-menu-link">
<i class="navbar-dropdown-icon zulip-icon zulip-icon-smile"></i>
<i class="navbar-dropdown-icon zulip-icon zulip-icon-smile-smaller"></i>
{{#tr}}Set status{{/tr}}
</a>
</li>

14
web/templates/popovers/compose_control_buttons/compose_control_buttons_in_popover.hbs
View File

@@ -1,11 +1,11 @@
<div class="compose-control-buttons-container preview_mode_disabled">
<a role="button" data-format-type="numbered" class="compose_control_button fa fa-list-ol formatting_button" aria-label="{{t 'Numbered list' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'Numbered list' }}"></a>
<a role="button" data-format-type="bulleted" class="compose_control_button fa fa-list-ul formatting_button" aria-label="{{t 'Bulleted list' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'Bulleted list' }}"></a>
<a role="button" data-format-type="numbered" class="compose_control_button zulip-icon zulip-icon-ordered-list formatting_button" aria-label="{{t 'Numbered list' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'Numbered list' }}"></a>
<a role="button" data-format-type="bulleted" class="compose_control_button zulip-icon zulip-icon-unordered-list formatting_button" aria-label="{{t 'Bulleted list' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'Bulleted list' }}"></a>
<div class="divider">|</div>
<a role="button" data-format-type="quote" class="compose_control_button fa fa-quote-left formatting_button" aria-label="{{t 'Quote' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'Quote' }}"></a>
<a role="button" data-format-type="spoiler" class="compose_control_button fa fa-minus formatting_button" aria-label="{{t 'Spoiler' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'Spoiler' }}"></a>
<a role="button" data-format-type="code" class="compose_control_button fa fa-code formatting_button" aria-label="{{t 'Code' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'Code' }}"></a>
<a role="button" data-format-type="latex" class="compose_control_button fa fa-superscript formatting_button" aria-label="{{t 'LaTeX' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'LaTeX' }}"></a>
<a role="button" data-format-type="quote" class="compose_control_button zulip-icon zulip-icon-quote formatting_button" aria-label="{{t 'Quote' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'Quote' }}"></a>
<a role="button" data-format-type="spoiler" class="compose_control_button zulip-icon zulip-icon-spoiler formatting_button" aria-label="{{t 'Spoiler' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'Spoiler' }}"></a>
<a role="button" data-format-type="code" class="compose_control_button zulip-icon zulip-icon-code formatting_button" aria-label="{{t 'Code' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'Code' }}"></a>
<a role="button" data-format-type="latex" class="compose_control_button zulip-icon zulip-icon-math formatting_button" aria-label="{{t 'LaTeX' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'LaTeX' }}"></a>
<div class="divider">|</div>
</div>
<a role="button" class="compose_control_button compose_help_button fa fa-question" tabindex=0 data-tippy-content="{{t 'Message formatting' }}" data-overlay-trigger="message-formatting"></a>
<a role="button" class="compose_control_button compose_help_button zulip-icon zulip-icon-question" tabindex=0 data-tippy-content="{{t 'Message formatting' }}" data-overlay-trigger="message-formatting"></a>

10
web/templates/popovers/compose_control_buttons/compose_control_buttons_in_popover_2.hbs
View File

@@ -1,8 +1,8 @@
<div class="compose-control-buttons-container preview_mode_disabled {{#if inside_popover}} show_cb4 {{/if}}">
<a role="button" data-format-type="link" class="compose_control_button fa fa-link formatting_button" aria-label="{{t 'Link' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'Link' }}"></a>
<a role="button" data-format-type="bold" class="compose_control_button fa fa-bold formatting_button" aria-label="{{t 'Bold' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} 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' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'Italic' }}"></a>
<a role="button" data-format-type="strikethrough" class="compose_control_button fa fa-strikethrough formatting_button" aria-label="{{t 'Strikethrough' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'Strikethrough' }}"></a>
<div class="compose-control-buttons-container preview_mode_disabled {{#if inside_popover}} show_in_popover {{/if}}">
<a role="button" data-format-type="link" class="compose_control_button zulip-icon zulip-icon-link formatting_button" aria-label="{{t 'Link' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'Link' }}"></a>
<a role="button" data-format-type="bold" class="compose_control_button zulip-icon zulip-icon-bold formatting_button" aria-label="{{t 'Bold' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'Bold' }}"></a>
<a role="button" data-format-type="italic" class="compose_control_button zulip-icon zulip-icon-italic formatting_button" aria-label="{{t 'Italic' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'Italic' }}"></a>
<a role="button" data-format-type="strikethrough" class="compose_control_button zulip-icon zulip-icon-strikethrough formatting_button" aria-label="{{t 'Strikethrough' }}" {{#unless preview_mode_on}} tabindex=0 {{/unless}} data-tippy-content="{{t 'Strikethrough' }}"></a>
{{#if inside_popover}}
<div class="divider">|</div>
{{/if}}