MrBesen/tweb
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Blurred menu

Browse Source
This commit is contained in:
Eduard Kuzmenko 2022-06-07 16:28:50 +04:00
parent b43b7c4663
commit 927737cf08
16 changed files with 167 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
public/assets/fonts/tgico.svg
View File

@ -20,7 +20,7 @@
<glyph unicode="&#xe90a;" glyph-name="archive" d="M386.654 981.336c-44.388 0.015-75.092 0.026-103.905-8.203-25.435-7.264-49.298-19.195-70.371-35.185-23.871-18.113-42.285-42.682-68.905-78.202l-10.744-14.326c-13.178-17.557-23.142-30.831-30.372-45.781-6.384-13.201-11.040-27.17-13.853-41.561-3.186-16.299-3.18-32.896-3.171-54.848l0.001-3.494v-300.494c0-46.242-0.001-83.537 2.467-113.741 2.541-31.095 7.909-58.411 20.785-83.682 20.453-40.141 53.089-72.777 93.23-93.231 25.271-12.877 52.585-18.244 83.683-20.787 30.202-2.466 67.497-2.466 113.736-2.466h225.529c46.242 0 83.537 0 113.737 2.466 31.1 2.543 58.415 7.91 83.686 20.787 40.141 20.454 72.777 53.090 93.227 93.231 12.877 25.271 18.244 52.587 20.787 83.682 2.466 30.204 2.466 67.499 2.466 113.737v303.993c0.009 21.953 0.017 38.549-3.17 54.848-2.812 14.391-7.471 28.36-13.854 41.561-7.232 14.951-17.195 28.224-30.37 45.782l-2.099 2.795-8.644 11.53c-26.624 35.52-45.039 60.090-68.907 78.203-21.073 15.99-44.937 27.921-70.37 35.185-28.813 8.229-59.52 8.218-103.906 8.203h-250.692zM820.907 797.015c4.553-6.071 8.188-10.939 11.127-14.947-3.23 1.865-6.515 3.649-9.847 5.349-25.271 12.876-52.587 18.244-83.686 20.785-30.204 2.468-67.499 2.467-113.741 2.467v0h-225.52c-46.241 0-83.538 0.001-113.741-2.467-31.098-2.541-58.412-7.909-83.683-20.785-3.336-1.699-6.62-3.483-9.85-5.349 2.941 4.008 6.574 8.876 11.127 14.947l5.12 6.827c31.521 42.028 42.59 56.144 55.747 66.128 12.643 9.594 26.961 16.753 42.222 21.111 15.881 4.536 33.815 4.921 86.351 4.921h238.933c52.535 0 70.468-0.385 86.349-4.921 15.262-4.358 29.581-11.517 42.223-21.111 13.158-9.984 24.226-24.1 55.748-66.128l5.12-6.827zM853.333 469.333v-68.267c0-48.495-0.034-82.3-2.185-108.617-2.108-25.822-6.042-40.657-11.767-51.891-12.271-24.085-31.851-43.669-55.936-55.94-11.238-5.726-26.074-9.66-51.891-11.767-26.321-2.15-60.126-2.185-108.621-2.185h-221.867c-48.495 0-82.301 0.034-108.619 2.185-25.821 2.108-40.655 6.042-51.892 11.767-24.085 12.271-43.666 31.855-55.938 55.94-5.725 11.234-9.658 26.069-11.768 51.891-2.15 26.317-2.183 60.122-2.183 108.617v93.867c0 48.495 0.033 82.3 2.183 108.62 2.11 25.821 6.042 40.655 11.768 51.892 12.272 24.085 31.853 43.666 55.938 55.938 11.236 5.725 26.071 9.658 51.892 11.767 26.319 2.15 60.124 2.184 108.619 2.184h221.867c48.495 0 82.3-0.033 108.621-2.184 25.818-2.109 40.653-6.042 51.891-11.767 24.085-12.272 43.665-31.853 55.936-55.938 5.726-11.236 9.66-26.071 11.767-51.892 2.099-25.702 2.18-58.547 2.185-105.237v-28.983zM414.17 542.17c-16.662 16.666-43.677 16.666-60.34 0-16.662-16.661-16.662-43.678 0-60.339l128-128c16.661-16.661 43.678-16.661 60.339 0l128 128c16.661 16.661 16.661 43.678 0 60.339-16.661 16.666-43.678 16.666-60.339 0l-97.83-97.83-97.83 97.83z" />
<glyph unicode="&#xe90b;" glyph-name="arrow_down" d="M542.17 183.163l298.667 298.667c16.662 16.662 16.662 43.677 0 60.34-15.381 15.381-39.583 16.564-56.32 3.549l-4.020-3.549-225.83-225.839v494.336c0 21.881-16.471 39.915-37.691 42.38l-4.976 0.287c-21.881 0-39.915-16.471-42.38-37.691l-0.287-4.976v-494.336l-225.83 225.839c-15.381 15.381-39.583 16.564-56.32 3.549l-4.020-3.549c-15.381-15.381-16.564-39.583-3.549-56.32l3.549-4.020 298.667-298.667c15.381-15.381 39.583-16.564 56.32-3.549l4.020 3.549z" />
<glyph unicode="&#xe90c;" glyph-name="arrow_next" d="M840.837 542.17l-298.667 298.667c-16.662 16.662-43.677 16.662-60.34 0-15.381-15.381-16.564-39.583-3.549-56.32l3.549-4.020 225.839-225.83h-494.336c-21.881 0-39.915-16.471-42.38-37.691l-0.287-4.976c0-21.881 16.471-39.915 37.691-42.38l4.976-0.287h494.336l-225.839-225.83c-15.381-15.381-16.564-39.583-3.549-56.32l3.549-4.020c15.381-15.381 39.583-16.564 56.32-3.549l4.020 3.549 298.667 298.667c15.381 15.381 16.564 39.583 3.549 56.32l-3.549 4.020z" />
<glyph unicode="&#xe90d;" glyph-name="attach" d="M421.888-24.064c-0.283-0.001-0.618-0.001-0.953-0.001-103.597 0-197.213 42.734-264.183 111.535l-0.080 0.083c-65.288 67.142-105.546 158.917-105.546 260.096s40.258 192.954 105.63 260.183l-0.084-0.087 320 326.144c54.355 55.67 130.154 90.195 214.016 90.195s159.661-34.524 213.958-90.136l0.058-0.059c43.897-45.132 70.966-106.829 70.966-174.848s-27.069-129.716-71.022-174.906l0.056 0.058-368.64-376.32c-29.42-28.78-69.724-46.538-114.176-46.538s-84.756 17.758-114.206 46.567l0.030-0.029c-35.177 36.042-56.876 85.375-56.876 139.776s21.699 103.735 56.915 139.816l-0.039-0.040 180.736 183.808c9.44 9.833 22.695 15.943 37.376 15.943 28.599 0 51.783-23.184 51.783-51.783 0-13.918-5.491-26.553-14.424-35.858l0.017 0.018-182.272-183.808c-17.077-17.586-27.605-41.611-27.605-68.096s10.528-50.51 27.628-68.12l-0.023 0.024c10.584-10.258 25.033-16.582 40.96-16.582s30.376 6.323 40.975 16.597l-0.015-0.015 368.64 376.32c25.472 26.537 41.156 62.637 41.156 102.4s-15.685 75.863-41.205 102.451l0.048-0.051c-35.747 36.652-85.619 59.385-140.8 59.385s-105.053-22.733-140.76-59.345l-0.040-0.041-320-325.12c-47.275-48.552-76.431-114.951-76.431-188.16s29.156-139.608 76.489-188.219l-0.058 0.059c48.768-49.934 116.768-80.899 192-80.899s143.232 30.966 191.949 80.847l188.467 192.052c9.453 11.139 23.463 18.161 39.113 18.161 28.277 0 51.2-22.923 51.2-51.2 0-15.395-6.795-29.203-17.548-38.589l-0.061-0.052-187.904-192c-67.288-68.893-161.11-111.616-264.91-111.616-0.108 0-0.215 0-0.323 0h0.017z" />
<glyph unicode="&#xe90d;" glyph-name="attach" d="M487.863 872.273c97.911 99.867 258.739 99.867 356.646 0 79.42-81.006 79.42-210.667 0-291.674l-307.443-313.587c-52.194-53.239-137.935-53.239-190.131 0-63.401 64.666-63.402 168.179-0.002 232.849l150.466 153.48c16.499 16.827 43.511 17.094 60.339 0.598s17.092-43.51 0.597-60.335l-150.467-153.485c-30.868-31.484-30.868-81.882 0.001-113.37 18.74-19.115 49.526-19.115 68.265 0l307.443 313.59c46.886 47.823 46.886 124.371 0 172.194-64.452 65.742-170.325 65.742-234.778 0l-266.851-272.186c-85.451-87.159-85.451-226.667 0-313.826 87.878-89.634 232.227-89.634 320.104 0l156.898 160.043c16.499 16.823 43.511 17.092 60.339 0.597 16.823-16.499 17.092-43.511 0.597-60.339l-156.898-160.038c-121.335-123.759-320.64-123.763-441.974-0.004-117.983 120.346-117.983 312.969 0 433.309l266.849 272.184z" />
<glyph unicode="&#xe90e;" glyph-name="audio_repeat" d="M609.83 840.837c16.661 16.662 43.678 16.662 60.339 0l85.333-85.333c16.661-16.663 16.661-43.677 0-60.34s-43.678-16.662-60.339 0l-85.333 85.333c-16.661 16.663-16.661 43.677 0 60.34zM755.503 755.503c16.661-16.663 16.661-43.677 0-60.34l-85.333-85.333c-16.661-16.661-43.678-16.661-60.339 0-16.661 16.663-16.661 43.677 0 60.34l85.333 85.333c16.661 16.662 43.678 16.662 60.339 0zM256 682.667c-23.564 0-42.667-19.103-42.667-42.667v-128c0-23.565-19.103-42.667-42.667-42.667s-42.667 19.102-42.667 42.667v128c0 70.692 57.308 128 128 128h384c23.565 0 42.667-19.103 42.667-42.667s-19.102-42.667-42.667-42.667h-384zM414.17 183.164c-16.663-16.661-43.677-16.661-60.34 0l-85.333 85.333c-16.662 16.661-16.662 43.678 0 60.339s43.677 16.661 60.34 0l85.333-85.333c16.661-16.661 16.661-43.678 0-60.339zM268.497 268.497c-16.662 16.661-16.662 43.678 0 60.339l85.333 85.333c16.663 16.661 43.677 16.661 60.34 0 16.661-16.661 16.661-43.678 0-60.339l-85.333-85.333c-16.663-16.661-43.677-16.661-60.34 0zM768 341.333c23.565 0 42.667 19.102 42.667 42.667v128c0 23.565 19.102 42.667 42.667 42.667s42.667-19.102 42.667-42.667v-128c0-70.694-57.306-128-128-128h-384c-23.564 0-42.667 19.102-42.667 42.667s19.102 42.667 42.667 42.667h384z" />
<glyph unicode="&#xe90f;" glyph-name="audio_repeat_single" d="M524.497 840.837c16.661 16.662 43.678 16.662 60.339 0l85.333-85.333c16.661-16.663 16.661-43.677 0-60.34s-43.678-16.662-60.339 0l-85.333 85.333c-16.661 16.663-16.661 43.677 0 60.34zM670.17 755.503c16.661-16.663 16.661-43.677 0-60.34l-85.333-85.333c-16.661-16.661-43.678-16.661-60.339 0-16.661 16.663-16.661 43.677 0 60.34l85.333 85.333c16.661 16.662 43.678 16.662 60.339 0zM256 682.667c-23.564 0-42.667-19.103-42.667-42.667v-128c0-23.565-19.103-42.667-42.667-42.667s-42.667 19.102-42.667 42.667v128c0 70.692 57.308 128 128 128h341.333c23.565 0 42.667-19.103 42.667-42.667s-19.102-42.667-42.667-42.667h-341.333zM891.494 893.738c10.539-21.076 1.997-46.705-19.081-57.243l-85.333-42.667c-21.077-10.538-46.703-1.995-57.242 19.081s-1.997 46.705 19.081 57.243l85.333 42.667c21.077 10.538 46.703 1.995 57.242-19.081zM853.333 917.333c23.565 0 42.667-19.103 42.667-42.667v-213.333c0-23.564-19.102-42.667-42.667-42.667s-42.667 19.103-42.667 42.667v213.333c0 23.564 19.102 42.667 42.667 42.667zM414.17 183.164c-16.663-16.661-43.677-16.661-60.34 0l-85.333 85.333c-16.662 16.661-16.662 43.678 0 60.339s43.677 16.661 60.34 0l85.333-85.333c16.661-16.661 16.661-43.678 0-60.339zM268.497 268.497c-16.662 16.661-16.662 43.678 0 60.339l85.333 85.333c16.663 16.661 43.677 16.661 60.34 0 16.661-16.661 16.661-43.678 0-60.339l-85.333-85.333c-16.663-16.661-43.677-16.661-60.34 0zM768 341.333c23.565 0 42.667 19.102 42.667 42.667v128c0 23.565 19.102 42.667 42.667 42.667s42.667-19.102 42.667-42.667v-128c0-70.694-57.306-128-128-128h-384c-23.564 0-42.667 19.102-42.667 42.667s19.102 42.667 42.667 42.667h384z" />
<glyph unicode="&#xe910;" glyph-name="avatarnext" d="M761.98 546.264l-431.24 431.564c-18.92 18.896-49.576 18.896-68.548 0-18.92-18.896-18.92-49.584 0-68.48l397.032-397.324-396.984-397.32c-18.92-18.9-18.92-49.588 0-68.532 18.92-18.896 49.628-18.896 68.548 0l431.24 431.564c18.64 18.7 18.64 49.876-0.048 68.528v0z" />
@ -78,8 +78,8 @@
<glyph unicode="&#xe944;" glyph-name="flip" d="M512 810.667c-93.805 0-177.49-43.196-232.314-110.946-14.823-18.318-41.689-21.152-60.007-6.329s-21.151 41.689-6.328 60.007c70.329 86.912 178.001 142.601 298.649 142.601 212.079 0 384-171.923 384-384 0-23.565-19.102-42.667-42.667-42.667s-42.667 19.102-42.667 42.667c0 164.949-133.717 298.667-298.667 298.667zM170.667 554.667c23.564 0 42.667-19.102 42.667-42.667 0-164.949 133.718-298.667 298.667-298.667 93.807 0 177.489 43.196 232.316 110.946 14.822 18.317 41.685 21.15 60.006 6.327 18.317-14.822 21.15-41.69 6.327-60.006-70.327-86.912-178.001-142.601-298.65-142.601-212.077 0-384 171.921-384 384 0 23.565 19.103 42.667 42.667 42.667zM140.497 627.503c16.663 16.662 43.677 16.662 60.34 0l128-128c16.662-16.661 16.662-43.678 0-60.339s-43.677-16.661-60.34 0l-97.83 97.83-97.83-97.83c-16.663-16.661-43.678-16.661-60.34 0s-16.662 43.678 0 60.339l128 128zM883.503 396.497c-16.661-16.661-43.678-16.661-60.339 0l-128 128c-16.661 16.661-16.661 43.678 0 60.339 16.661 16.663 43.678 16.663 60.339 0l97.83-97.83 97.83 97.83c16.661 16.663 43.678 16.663 60.339 0 16.661-16.661 16.661-43.678 0-60.339l-128-128z" />
<glyph unicode="&#xe945;" glyph-name="folder" d="M384.251 853.333c17.684 0 19.573-0.274 20.886-0.589 2.177-0.523 4.258-1.385 6.167-2.554 1.151-0.705 2.68-1.847 15.185-14.352l70.117-70.12c8.93-8.958 17.924-17.981 28.838-24.666 9.54-5.848 19.947-10.158 30.831-12.771 12.442-2.988 25.182-2.969 37.833-2.95l139.759 0.003c36.548 0 61.393-0.033 80.593-1.602 18.709-1.528 28.275-4.299 34.948-7.699 16.055-8.181 29.111-21.235 37.291-37.292 3.401-6.673 6.17-16.239 7.697-34.945 1.57-19.204 1.604-44.048 1.604-80.596v-187.733c0-36.548-0.034-61.393-1.604-80.597-1.527-18.705-4.297-28.271-7.697-34.944-8.179-16.055-21.235-29.111-37.291-37.291-6.673-3.401-16.239-6.17-34.948-7.697-19.2-1.57-44.045-1.604-80.593-1.604h-443.734c-36.547 0-61.392 0.034-80.596 1.604-18.705 1.527-28.272 4.297-34.945 7.697-16.056 8.179-29.111 21.235-37.292 37.291-3.4 6.673-6.17 16.239-7.699 34.944-1.569 19.204-1.602 44.049-1.602 80.597v315.733c0 36.547 0.033 61.392 1.602 80.596 1.528 18.706 4.299 28.272 7.699 34.945 8.181 16.057 21.236 29.111 37.292 37.292 6.673 3.4 16.239 6.17 34.945 7.699 19.204 1.569 44.048 1.602 80.596 1.602h94.118zM425.057 935.72c-12.442 2.987-25.184 2.968-37.833 2.95l-98.853-0.003c-34.345 0-62.691 0.001-85.782-1.885-23.983-1.96-46.029-6.165-66.737-16.716-32.113-16.363-58.222-42.471-74.584-74.584-10.551-20.707-14.757-42.754-16.716-66.736-1.887-23.091-1.886-51.437-1.886-85.783v-319.258c-0.001-34.347-0.001-62.69 1.886-85.781 1.959-23.983 6.165-46.029 16.716-66.739 16.362-32.111 42.471-58.219 74.584-74.581 20.708-10.551 42.754-14.758 66.737-16.717 23.091-1.886 51.436-1.886 85.781-1.886h447.259c34.347 0 62.69 0 85.781 1.886 23.983 1.958 46.029 6.165 66.735 16.717 32.115 16.363 58.223 42.47 74.586 74.581 10.551 20.71 14.758 42.756 16.717 66.739 1.886 23.091 1.886 51.435 1.886 85.781v191.258c0 34.346 0 62.692-1.886 85.783-1.958 23.983-6.165 46.029-16.717 66.736-16.363 32.113-42.47 58.222-74.586 74.584-20.706 10.551-42.752 14.756-66.735 16.716-23.091 1.887-51.435 1.886-85.781 1.885h-138.547c-17.685 0-19.571 0.274-20.885 0.59-2.176 0.522-4.258 1.385-6.165 2.554-1.152 0.706-2.684 1.847-15.185 14.352l-70.118 70.12c-8.93 8.957-17.929 17.98-28.838 24.666-9.545 5.848-19.947 10.158-30.832 12.771zM234.666 597.333c-23.564 0-42.667-19.102-42.667-42.667s19.103-42.667 42.667-42.667h554.667c23.565 0 42.667 19.102 42.667 42.667s-19.102 42.667-42.667 42.667h-554.667z" />
<glyph unicode="&#xe946;" glyph-name="fontsize" d="M478.842 1016.198l-0.395-0.204c-14.472-8.125-26.107-20.703-33.251-36.368l0.895 1.961c-5.499-10.923-10.429-22.182-15.523-36.094l-184.688-446.335c-2.422-5.803-3.759-12.172-3.759-18.853 0-27.055 21.933-48.988 48.988-48.988 20.374 0 37.843 12.438 45.349 30.459l48.762 116.053h251.124l48.882-116.377c7.385-17.697 24.855-30.135 45.229-30.135 27.055 0 48.988 21.933 48.988 48.988 0 6.681-1.337 13.050-3.64 18.53l-183.345 448.122-0.772 2.356c-4.321 11.556-9.251 22.814-13.856 31.777l-0.204 0.473c-6.934 14.49-18.181 26.522-32.467 34.636l0.44-0.198c-10.121 5.031-21.529 7.859-33.598 7.859s-23.477-2.829-33.158-7.662zM512 886.491l86.796-212.602h-173.592zM292.571 917.699c26.93 0 48.762 21.831 48.762 48.762s-21.831 48.762-48.762 48.762v0c-35.596 0-65.829 0-90.697-2.438-26.214-1.726-50.457-8.559-72.277-19.51l1.084 0.493c-36.664-19.023-65.823-48.182-84.334-83.764l-0.512-1.081c-11.538-22.248-19.217-48.273-21.41-75.843l-0.046-0.713c0-26.331 0-58.514 0-97.524v0-694.857c0.104-20.151 12.415-37.401 29.911-44.741l0.321-0.12c5.58-2.411 12.077-3.812 18.902-3.812 13.351 0 25.448 5.365 34.254 14.058l-0.005-0.005 149.211 149.699c7.695 9.046 16.345 16.921 25.893 23.602l0.439 0.291c3.887 2.714 8.466 4.747 13.407 5.807l0.247 0.044c5.41 0.559 11.688 0.878 18.042 0.878s12.633-0.319 18.822-0.942l-0.78 0.064h385.707c39.497 0 71.68 0 97.524 0 28.099 1.574 54.202 8.601 77.769 20.036l-1.213-0.531c37.29 19.792 66.725 50.168 84.824 87.109l0.509 1.15c10.903 22.355 17.931 48.457 19.481 76.023l0.024 0.534c0 26.331 0 58.514 0 97.524v267.703c0 39.497 0 71.68 0 97.524-1.574 28.099-8.601 54.202-20.036 77.769l0.531-1.213c-18.949 36.859-48.121 66.189-83.77 84.821l-1.076 0.512c-20.735 10.458-44.979 17.291-70.626 18.987l-0.566 0.030c-24.869 2.438-55.101 2.438-90.697 2.438-26.93 0-48.762-21.831-48.762-48.762s21.831-48.762 48.762-48.762v0c36.571 0 61.928 0 81.432 0 13.205-0.639 25.52-3.808 36.682-9.029l-0.599 0.251c18.332-9.512 32.911-24.091 42.167-41.882l0.256-0.541c5.398-11.747 8.614-25.47 8.777-39.927l0.001-0.058c0-21.943 0-48.762 0-92.16v-263.314c0-41.935 0-70.217 0-92.16-0.163-14.515-3.379-28.238-9.034-40.612l0.257 0.628c-9.512-18.332-24.091-32.911-41.882-42.167l-0.541-0.256c-11.747-5.398-25.47-8.614-39.927-8.777l-0.058-0.001c-21.943 0-48.762 0-92.16 0h-390.095c-2.877 0.122-6.253 0.191-9.645 0.191-15.727 0-31.106-1.489-46.005-4.334l1.524 0.242c-16.094-4.184-30.213-10.197-43.159-17.964l0.737 0.41c-15.558-10.708-29.132-22.425-41.317-35.456l-0.13-0.141-2.438-2.926-64.366-70.217v573.928c0 41.935 0 70.217 0 92.16 0.163 14.515 3.379 28.238 9.034 40.612l-0.257-0.628c9.512 18.332 24.091 32.911 41.882 42.167l0.541 0.256c10.564 4.969 22.878 8.138 35.859 8.768l0.225 0.009c21.455 2.438 46.811 2.926 83.383 2.926z" />
<glyph unicode="&#xe947;" glyph-name="forward" d="M585.143 100.937c-0.047 0-0.103 0-0.158 0-30.047 0-56.921 13.589-74.811 34.956l-0.124 0.153c-22.43 27.307-22.43 59.002-22.43 129.219v27.307c-116.557-4.175-222.431-46.724-306.154-115.309l0.905 0.719c-66.316-56.076-84.846-71.68-112.64-69.73-25.551 0.329-47.843 13.977-60.286 34.307l-0.178 0.314c-14.629 24.381-10.24 48.762 0 118.979 33.158 168.229 137.021 445.684 478.354 469.577v30.72c0 66.804 0 101.912 22.918 129.219 18.016 21.593 44.934 35.233 75.039 35.233 1.734 0 3.458-0.045 5.17-0.135l-0.24 0.010c35.109 0 59.977-24.869 110.202-71.192l268.678-248.686c21.322-15.622 38.008-36.38 48.398-60.49l0.364-0.95c3.303-9.378 5.211-20.192 5.211-31.451s-1.908-22.073-5.419-32.136l0.208 0.684c-10.753-25.060-27.44-45.818-48.352-61.154l-0.409-0.286-268.678-248.686c-48.762-45.836-75.093-69.242-110.202-71.192zM536.381 393.509c26.93 0 48.762-21.831 48.762-48.762v0-78.019c0-24.381 0-48.762 0-63.39 11.215 8.29 29.745 25.356 48.762 41.935l268.678 248.686c8.777 7.802 18.042 16.579 22.43 21.455l-21.943 20.968-269.166 247.223c-14.921 14.232-30.81 27.958-47.358 40.879l-1.404 1.056c0-13.653 0-39.010 0-63.39v-79.482c0-26.93-21.831-48.762-48.762-48.762v0c-292.571 0-395.947-213.090-428.617-390.095v0l12.19 10.24c106.177 85.097 242.5 136.567 390.844 136.567 8.997 0 17.95-0.189 26.855-0.564l-1.273 0.043zM579.779 832.366v0z" />
<glyph unicode="&#xe948;" glyph-name="forward_filled" d="M578.133 885.76l3.84-0.427 3.84-0.853 3.413-0.853 3.84-1.28 3.413-1.28 6.827-3.413 3.413-2.133 2.987-2.133 2.987-2.56 2.987-2.133 332.8-307.627 5.547-5.973 5.12-6.827 3.84-6.827 2.987-7.253 2.133-7.68 1.28-8.107 0.427-8.107-0.853-7.68-1.707-8.107-2.56-7.68-3.413-7.253-4.693-7.253-5.547-6.827-2.56-2.56-332.8-307.627-6.4-5.12-6.827-4.267-7.253-3.413-7.68-2.56-8.107-1.707-7.68-0.427-7.68 0.427-8.107 1.28-7.68 2.133-7.253 2.987-6.827 3.84-6.827 5.12-5.973 5.547-5.12 5.973-2.133 3.413-1.707 2.987-2.133 3.413-1.28 3.413-1.707 3.84-0.853 3.413-1.28 3.84-0.427 3.84-0.853 3.413v3.84l-0.427 4.267v118.613l-34.133-2.987-32.853-3.84-30.72-5.547-29.44-7.253-27.307-8.96-26.027-10.24-23.893-11.52-22.613-13.227-20.907-14.933-18.773-16.213-17.493-17.493-15.787-19.627-14.507-20.48-5.973-10.24-3.413-5.12-4.267-5.12-4.693-4.267-5.12-3.413-5.547-2.987-5.547-2.56-5.973-1.707-6.4-0.853h-5.973l-6.4 0.427-5.973 1.707-6.4 2.133-5.547 2.56-3.84 2.56-3.413 2.56-2.987 2.56-2.987 2.987-2.56 2.987-2.133 3.413-2.133 3.84-1.707 3.413-1.707 3.84-1.28 4.267-0.853 3.84-0.853 8.533 1.707 69.973 6.4 65.28 11.52 60.16 16.64 55.467 21.333 49.92 26.453 44.8 31.147 39.68 36.267 34.133 40.96 29.013 46.080 23.893 50.347 18.347 55.467 12.8 60.16 7.68 13.653 0.853v120.747l4.693 10.24 4.693 8.96 5.12 8.107 4.693 7.68 5.12 6.827 4.693 5.973 5.547 5.12 5.12 4.267 5.12 3.413 5.547 2.987 5.547 1.707 5.547 1.28 5.547 0.427h3.84l3.84-0.427z" />
<glyph unicode="&#xe947;" glyph-name="forward" d="M511.829 853.121c17.19 20.615 43.076 31.941 69.884 30.574 21.666-1.105 39.023-12.856 50.961-22.059 12.514-9.644 27.273-23.287 44.164-38.899l237.589-219.572c8.508-7.863 16.73-15.458 23.108-22.429 6.95-7.603 14.537-17.399 18.999-30.426 6.135-17.92 6.135-37.367 0-55.287-4.463-13.026-12.049-22.822-18.999-30.426-6.379-6.972-14.596-14.566-23.108-22.43l-237.585-219.567c-16.892-15.616-31.654-29.257-44.169-38.903-11.938-9.203-29.295-20.954-50.961-22.059-26.807-1.365-52.693 9.958-69.884 30.575-13.892 16.657-17.045 37.38-18.389 52.395-1.408 15.735-1.408 35.836-1.408 58.837v25.83c-128.841-8.559-213.686-55.198-267.089-100.198l-1.012-0.853c-19.601-16.516-35.599-29.999-47.741-39.232-6.138-4.668-12.59-9.259-18.886-12.809-4.572-2.577-16.399-9.058-31.193-8.533-9.626 0.341-20.171 2.62-30.271 8.482s-17.311 13.884-22.383 22.076c-7.167 11.571-8.005 23.612-8.186 29.491-0.216 7.031 0.435 14.4 1.271 21.193 1.636 13.291 4.879 31.002 8.736 52.070l0.26 1.421c14.827 80.994 46.948 183.582 117.432 266.586 65.373 76.981 161.519 134.377 299.061 144.205v28.713c0 23.002 0 43.102 1.408 58.837 1.344 15.015 4.497 35.738 18.389 52.397zM578.671 795.487c-0.081-0.724-0.158-1.515-0.239-2.376-1.024-11.45-1.067-27.651-1.067-53.156v-67.955c0-23.564-19.102-42.667-42.667-42.667-136.003 0-221.251-50.325-276.683-115.601-56.881-66.982-85.052-153.045-98.539-226.714-0.11-0.602-0.219-1.195-0.327-1.783 3.394 2.85 6.991 5.884 10.805 9.097 73.531 61.961 190.332 121.668 364.743 121.668 11.319 0 22.17-4.497 30.17-12.497 8.004-8 12.497-18.854 12.497-30.17v-67.955c0-25.506 0.043-41.707 1.067-53.154 0.081-0.862 0.158-1.651 0.239-2.377 0.589 0.431 1.225 0.909 1.907 1.438 9.105 7.019 21.030 17.98 39.765 35.294l235.115 217.289c9.958 9.199 15.454 14.327 19.106 18.321 0.154 0.166 0.299 0.329 0.431 0.478-0.132 0.149-0.277 0.311-0.431 0.478-3.652 3.994-9.148 9.122-19.106 18.321l-235.115 217.29c-18.731 17.311-30.66 28.276-39.765 35.294-0.683 0.528-1.318 1.005-1.907 1.437zM115.203 250.415c0 0 0.024 0.013 0.071 0.034zM150.561 230.562c0.049-0.567 0.017-0.691 0.003-0.239-0.002 0.060-0.003 0.137-0.003 0.239z" />
<glyph unicode="&#xe948;" glyph-name="forward_filled" d="M512.004 853.125c17.19 20.616 43.076 31.941 69.884 30.574 21.662-1.105 39.023-12.855 50.961-22.058 12.514-9.644 27.273-23.287 44.164-38.899l237.589-219.571c8.508-7.863 16.725-15.458 23.104-22.43 6.955-7.603 14.541-17.399 19.004-30.426 6.135-17.916 6.135-37.367 0-55.287-4.463-13.026-12.049-22.822-19.004-30.426-6.379-6.972-14.596-14.566-23.104-22.43l-237.585-219.567c-16.896-15.616-31.654-29.257-44.169-38.903-11.938-9.203-29.299-20.954-50.961-22.059-26.807-1.365-52.693 9.958-69.884 30.575-13.892 16.661-17.045 37.38-18.389 52.395-1.408 15.735-1.408 35.836-1.408 58.837v25.83c-128.842-8.559-213.687-55.198-267.089-100.198l-1.012-0.853c-19.601-16.516-35.599-29.999-47.741-39.232-6.138-4.663-12.59-9.259-18.886-12.809-4.572-2.577-16.399-9.058-31.193-8.533-9.626 0.341-20.17 2.62-30.271 8.482s-17.311 13.888-22.383 22.076c-7.167 11.571-8.005 23.612-8.186 29.491-0.216 7.031 0.435 14.4 1.271 21.193 1.637 13.291 4.88 31.002 8.737 52.070l0.26 1.425c14.827 80.99 46.948 183.578 117.432 266.581 65.373 76.981 161.519 134.377 299.061 144.205v28.713c0 23.002 0 43.102 1.408 58.837 1.344 15.015 4.497 35.738 18.389 52.397zM578.846 795.492c-0.081-0.724-0.162-1.516-0.239-2.377-1.024-11.45-1.067-27.651-1.067-53.156v-67.955c0-23.564-19.102-42.667-42.667-42.667-136.003 0-221.251-50.326-276.683-115.601-56.881-66.982-85.052-153.045-98.539-226.714-0.11-0.602-0.219-1.195-0.327-1.783 3.394 2.854 6.991 5.884 10.805 9.097 73.531 61.961 190.332 121.668 364.743 121.668 11.315 0 22.17-4.493 30.17-12.497 8.004-8 12.497-18.854 12.497-30.17v-67.955c0-25.506 0.043-41.707 1.067-53.154 0.077-0.862 0.158-1.651 0.239-2.377 0.589 0.431 1.225 0.909 1.907 1.438 9.105 7.019 21.030 17.984 39.761 35.294l235.119 217.289c9.958 9.199 15.454 14.327 19.106 18.321 0.154 0.166 0.294 0.329 0.431 0.478-0.137 0.154-0.277 0.311-0.431 0.478-3.652 3.994-9.148 9.122-19.106 18.321l-235.115 217.29c-18.735 17.311-30.66 28.276-39.765 35.294-0.683 0.527-1.318 1.005-1.907 1.437zM115.377 250.419c0 0 0.024 0.013 0.071 0.034zM150.736 230.566c0.049-0.567 0.017-0.691 0.003-0.239-0.002 0.060-0.003 0.137-0.003 0.239zM534.874 672.005v67.955c0 49.315 0 73.972 9.899 85.841 8.593 10.307 21.538 15.971 34.944 15.287 15.433-0.787 33.54-17.522 69.76-50.993l235.115-217.286c18.842-17.412 28.258-26.116 31.753-36.314 3.068-8.96 3.068-18.688 0-27.648-3.494-10.193-12.911-18.901-31.753-36.309l-235.115-217.289c-36.22-33.472-54.327-50.206-69.76-50.995-13.406-0.683-26.351 4.979-34.944 15.287-9.899 11.87-9.899 36.527-9.899 85.841v67.955c-163.748 0-270.94-55.753-337.25-111.629-40.914-34.475-61.371-51.712-69.828-51.413-8.003 0.282-13.675 3.575-17.892 10.381-4.456 7.198-0.378 29.474 7.779 74.031 28.314 154.662 120.584 377.297 417.191 377.297z" />
<glyph unicode="&#xe949;" glyph-name="fullscreen" d="M256 853.333c-47.128 0-85.333-38.205-85.333-85.333v-128c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667v128h128c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667h-128zM256 384c0 23.565-19.103 42.667-42.667 42.667s-42.667-19.102-42.667-42.667v-128c0-47.13 38.205-85.333 85.333-85.333h128c23.564 0 42.667 19.102 42.667 42.667s-19.103 42.667-42.667 42.667h-128v128zM597.333 810.667c0 23.564 19.102 42.667 42.667 42.667h128c47.13 0 85.333-38.205 85.333-85.333v-128c0-23.564-19.102-42.667-42.667-42.667s-42.667 19.103-42.667 42.667v128h-128c-23.565 0-42.667 19.103-42.667 42.667zM853.333 384c0 23.565-19.102 42.667-42.667 42.667s-42.667-19.102-42.667-42.667v-128h-128c-23.565 0-42.667-19.102-42.667-42.667s19.102-42.667 42.667-42.667h128c47.13 0 85.333 38.204 85.333 85.333v128z" />
<glyph unicode="&#xe94a;" glyph-name="gc_microphone" d="M320 768c0 106.039 85.961 192 192 192s192-85.961 192-192v-213.333c0-106.039-85.961-192-192-192s-192 85.961-192 192v213.333zM512 874.667c-58.91 0-106.667-47.756-106.667-106.667v-213.333c0-58.91 47.757-106.667 106.667-106.667s106.667 47.757 106.667 106.667v213.333c0 58.91-47.757 106.667-106.667 106.667zM192 597.333c23.564 0 42.667-19.102 42.667-42.667 0-153.169 124.166-277.333 277.333-277.333 153.169 0 277.333 124.164 277.333 277.333 0 23.565 19.102 42.667 42.667 42.667s42.667-19.102 42.667-42.667c0-185.86-139.81-339.068-320-360.183v-87.817c0-23.565-19.102-42.667-42.667-42.667s-42.667 19.102-42.667 42.667v87.817c-180.189 21.116-320 174.323-320 360.183 0 23.565 19.103 42.667 42.667 42.667z" />
<glyph unicode="&#xe94b;" glyph-name="gc_microphoneoff" d="M320 768c0 106.039 85.961 192 192 192s192-85.961 192-192v-213.333c0-48.521-18.001-92.838-47.684-126.643l60.429-60.425c45.086 49.318 72.589 114.978 72.589 187.068 0 23.565 19.102 42.667 42.667 42.667s42.667-19.102 42.667-42.667c0-95.65-37.030-182.656-97.536-247.458l149.039-149.039c16.661-16.661 16.661-43.678 0-60.339s-43.678-16.661-60.339 0l-768 768c-16.662 16.663-16.662 43.677 0 60.34s43.677 16.662 60.34 0l161.83-161.83v3.66zM405.333 679.006l190.413-190.413c14.353 18.172 22.921 41.122 22.921 66.074v213.333c0 58.91-47.757 106.667-106.667 106.667s-106.667-47.756-106.667-106.667v-88.994zM320 583.377l218.85-218.85c-8.777-1.225-17.737-1.86-26.85-1.86-106.039 0-192 85.961-192 192v28.71zM673.515 229.862l-64.802 64.802c-30.11-11.209-62.699-17.331-96.713-17.331-153.167 0-277.333 124.164-277.333 277.333 0 23.565-19.103 42.667-42.667 42.667s-42.667-19.102-42.667-42.667c0-185.86 139.811-339.068 320-360.183v-87.817c0-23.565 19.102-42.667 42.667-42.667s42.667 19.102 42.667 42.667v87.817c42.266 4.954 82.308 17.173 118.848 35.379z" />
@ -107,7 +107,7 @@
<glyph unicode="&#xe961;" glyph-name="logout" d="M256 938.667h213.333c94.257 0 170.667-76.41 170.667-170.667 0-23.564-19.103-42.667-42.667-42.667-21.881 0-39.915 16.471-42.38 37.691l-0.521 11.344c-3.095 41.946-36.512 75.46-78.416 78.707l-6.684 0.258h-213.333c-44.986 0-81.842-34.811-85.099-78.965l-0.234-6.369v-512c0-44.986 34.811-81.842 78.965-85.099l6.369-0.234h213.333c44.986 0 81.842 34.811 85.099 78.965l0.521 11.344c2.465 21.22 20.499 37.691 42.38 37.691 23.564 0 42.667-19.103 42.667-42.667 0-91.4-71.849-166.019-162.149-170.458l-8.518-0.209h-213.333c-91.4 0-166.019 71.849-170.458 162.149l-0.209 8.518v512c0 91.4 71.849 166.019 162.149 170.458l8.518 0.209zM798.17 712.837l170.667-170.667c1.51-1.51 2.883-3.105 4.12-4.77l3.058-4.746 2.28-4.81 1.51-4.495 1.059-5.014 0.396-3.806v-5.058l-0.217-2.482-0.879-4.952-1.385-4.615-1.441-3.48-2.232-4.159-3.144-4.469-3.123-3.484-170.667-170.667c-16.662-16.662-43.677-16.662-60.34 0s-16.662 43.677 0 60.34l97.797 97.83h-280.96c-21.881 0-39.915 16.471-42.38 37.691l-0.287 4.976c0 21.881 16.471 39.915 37.691 42.38l4.976 0.287h280.96l-97.797 97.83c-16.662 16.662-16.662 43.677 0 60.34s43.677 16.662 60.34 0z" />
<glyph unicode="&#xe962;" glyph-name="mention" d="M512 981.333c-259.206 0-469.333-210.128-469.333-469.333 0-259.204 210.128-469.333 469.333-469.333 42.133 0 83.038 5.564 121.98 16.017 22.758 6.11 36.254 29.513 30.144 52.271s-29.513 36.254-52.271 30.144c-31.791-8.533-65.254-13.099-99.853-13.099-212.077 0-384 171.921-384 384 0 212.077 171.923 384 384 384 212.079 0 384-171.923 384-384 0-58.214-14.327-95.748-31.262-117.965-16.661-21.854-37.094-30.844-55.846-31.625-35.699-1.485-83.558 29.001-83.558 106.923v213.333c0 23.564-19.102 42.667-42.667 42.667s-42.667-19.103-42.667-42.667v-5.952c-35.337 27.5-79.757 43.878-128 43.878-115.203 0-208.593-93.39-208.593-208.593s93.39-208.593 208.593-208.593c59.486 0 113.152 24.9 151.151 64.845 30.34-59.012 87.049-93.687 149.291-91.098 45.248 1.882 88.815 24.038 120.154 65.143 31.066 40.747 48.738 97.988 48.738 169.702 0 259.206-210.129 469.333-469.333 469.333zM388.741 512c0 68.075 55.185 123.259 123.259 123.259s123.26-55.185 123.26-123.259c0-68.075-55.185-123.26-123.26-123.26s-123.259 55.185-123.259 123.26z" />
<glyph unicode="&#xe963;" glyph-name="menu" d="M128 725.333c0 23.564 19.103 42.667 42.667 42.667h682.667c23.565 0 42.667-19.103 42.667-42.667s-19.102-42.667-42.667-42.667h-682.667c-23.564 0-42.667 19.103-42.667 42.667zM128 512c0 23.565 19.103 42.667 42.667 42.667h682.667c23.565 0 42.667-19.102 42.667-42.667s-19.102-42.667-42.667-42.667h-682.667c-23.564 0-42.667 19.102-42.667 42.667zM170.667 341.333c-23.564 0-42.667-19.102-42.667-42.667s19.103-42.667 42.667-42.667h682.667c23.565 0 42.667 19.102 42.667 42.667s-19.102 42.667-42.667 42.667h-682.667z" />
<glyph unicode="&#xe964;" glyph-name="message" d="M73.143 0c-0.314-0.009-0.684-0.014-1.055-0.014-6.347 0-12.358 1.444-17.72 4.021l0.246-0.106c-17.818 7.46-30.129 24.71-30.232 44.848v692.432c0 87.771 0 136.533 21.455 176.518 19.023 36.664 48.182 65.823 83.764 84.334l1.081 0.512c39.985 21.455 88.747 21.455 176.518 21.455h409.6c87.771 0 136.533 0 176.518-21.455 36.664-19.023 65.823-48.182 84.334-83.764l0.512-1.081c21.455-39.985 21.455-88.747 21.455-176.518v-263.314c0-89.722 0-134.583-21.455-176.518-19.023-36.664-48.182-65.823-83.764-84.334l-1.081-0.512c-39.985-21.455-88.747-21.455-176.518-21.455h-383.756c-5.334 0.518-11.532 0.814-17.798 0.814s-12.464-0.296-18.579-0.873l0.781 0.060c-5.531-1.095-10.44-3.13-14.792-5.951l0.164 0.099c-9.185-7.582-17.454-15.233-25.275-23.321l-0.081-0.085-149.699-151.65c-8.81-8.74-20.944-14.142-34.339-14.142-0.099 0-0.198 0-0.297 0.001h0.015zM307.2 926.476c-11.027 1.172-23.82 1.841-36.77 1.841-33.92 0-66.769-4.587-97.959-13.175l2.585 0.607c-18.472-9.313-33.11-23.951-42.176-41.885l-0.247-0.538c-7.981-28.606-12.568-61.454-12.568-95.374 0-12.95 0.669-25.744 1.973-38.349l-0.132 1.578v-574.903l66.316 66.316c12.906 14.475 27.304 27.17 43.082 38.001l0.803 0.521c12.211 7.357 26.329 13.37 41.292 17.302l1.131 0.253c13.755 2.689 29.573 4.227 45.749 4.227 4.49 0 8.952-0.119 13.384-0.353l-0.619 0.026h383.756c11.027-1.172 23.82-1.841 36.77-1.841 33.92 0 66.769 4.587 97.959 13.175l-2.585-0.607c18.472 9.313 33.11 23.951 42.176 41.885l0.247 0.538c7.981 28.606 12.568 61.454 12.568 95.374 0 12.95-0.669 25.744-1.973 38.349l0.132-1.578v263.314c1.172 11.027 1.841 23.82 1.841 36.77 0 33.92-4.587 66.769-13.175 97.959l0.607-2.585c-9.313 18.472-23.951 33.11-41.885 42.176l-0.538 0.247c-28.606 7.981-61.454 12.568-95.374 12.568-12.95 0-25.744-0.669-38.349-1.973l1.578 0.132z" />
<glyph unicode="&#xe964;" glyph-name="message" d="M331.038 938.667h361.924c34.347 0 62.69 0.001 85.781-1.885 23.983-1.96 46.029-6.165 66.739-16.716 32.111-16.363 58.219-42.471 74.581-74.584 10.551-20.707 14.758-42.754 16.717-66.736 1.886-23.091 1.886-51.437 1.886-85.782v-233.925c0-34.347 0-62.69-1.886-85.781-1.958-23.983-6.165-46.029-16.717-66.739-16.363-32.111-42.47-58.219-74.581-74.581-20.71-10.551-42.756-14.758-66.739-16.717-23.091-1.886-51.435-1.886-85.781-1.886h-337.742c-22.903 0-27.4-0.273-31.168-1.178-4.353-1.045-8.515-2.769-12.333-5.111-3.304-2.022-6.678-5.009-22.873-21.205l-130.677-130.675c-12.203-12.203-30.554-15.855-46.498-9.25s-26.339 22.161-26.339 39.42v607.629c0 34.345-0.001 62.691 1.885 85.783 1.96 23.983 6.165 46.029 16.716 66.736 16.363 32.113 42.471 58.222 74.584 74.584 20.707 10.551 42.754 14.756 66.736 16.716 23.091 1.886 51.437 1.886 85.783 1.885zM252.204 851.731c-18.706-1.528-28.272-4.299-34.945-7.699-16.056-8.181-29.111-21.236-37.292-37.292-3.4-6.673-6.17-16.239-7.699-34.945-1.569-19.204-1.602-44.048-1.602-80.596v-502.861l57.841 57.839c0.845 0.845 1.681 1.685 2.512 2.517 12.265 12.288 23.078 23.121 36.114 31.108 11.453 7.019 23.938 12.19 36.999 15.326 14.867 3.571 30.173 3.554 47.535 3.541 1.175-0.004 2.36-0.004 3.554-0.004h335.98c36.548 0 61.393 0.034 80.597 1.604 18.705 1.527 28.271 4.297 34.944 7.697 16.055 8.179 29.111 21.235 37.291 37.291 3.401 6.673 6.17 16.239 7.697 34.944 1.57 19.204 1.604 44.049 1.604 80.597v230.4c0 36.547-0.034 61.392-1.604 80.596-1.527 18.706-4.297 28.272-7.697 34.945-8.179 16.056-21.235 29.111-37.291 37.292-6.673 3.4-16.239 6.17-34.944 7.699-19.204 1.569-44.049 1.602-80.597 1.602h-358.4c-36.547 0-61.392-0.033-80.596-1.602z" />
<glyph unicode="&#xe965;" glyph-name="messageunread" d="M332.8 938.667h-1.763c-34.345 0-62.691 0.001-85.782-1.885-23.983-1.96-46.029-6.165-66.736-16.716-32.113-16.362-58.222-42.471-74.584-74.584-10.551-20.707-14.756-42.754-16.716-66.737-1.886-23.091-1.886-51.436-1.885-85.781v-607.63c0-17.259 10.395-32.815 26.339-39.42s34.295-2.953 46.498 9.25l130.677 130.675c16.195 16.196 19.569 19.183 22.873 21.205 3.817 2.342 7.98 4.066 12.333 5.111 3.768 0.905 8.265 1.178 31.168 1.178h199.446c23.565 0 42.667 19.102 42.667 42.667s-19.102 42.667-42.667 42.667l-203 0.004c-17.361 0.013-32.667 0.030-47.535-3.541-13.061-3.136-25.546-8.307-36.999-15.326-13.036-7.987-23.849-18.82-36.114-31.108l-2.512-2.517-57.841-57.839v502.861c0 36.547 0.033 61.392 1.602 80.596 1.528 18.706 4.299 28.272 7.699 34.945 8.181 16.056 21.236 29.111 37.292 37.292 6.673 3.4 16.239 6.17 34.945 7.699 19.204 1.569 44.048 1.602 80.596 1.602h358.4c36.548 0 61.393-0.033 80.597-1.602 18.705-1.528 28.271-4.299 34.944-7.699 16.055-8.181 29.111-21.236 37.291-37.292 3.401-6.673 6.17-16.239 7.697-34.945 1.57-19.204 1.604-44.048 1.604-80.596v-93.867c0-23.565 19.102-42.667 42.667-42.667s42.667 19.102 42.667 42.667v95.63c0 34.345 0 62.691-1.886 85.781-1.958 23.983-6.165 46.029-16.717 66.737-16.363 32.113-42.47 58.222-74.581 74.584-20.71 10.551-42.756 14.757-66.739 16.716-23.091 1.886-51.435 1.886-85.781 1.885v0h-360.162zM725.333 341.333c0 47.13 38.204 85.333 85.333 85.333s85.333-38.204 85.333-85.333c0-47.13-38.204-85.333-85.333-85.333s-85.333 38.204-85.333 85.333zM810.667 512c-94.255 0-170.667-76.412-170.667-170.667s76.412-170.667 170.667-170.667c94.255 0 170.667 76.412 170.667 170.667s-76.412 170.667-170.667 170.667z" />
<glyph unicode="&#xe966;" glyph-name="microphone" d="M320 768c0 106.039 85.961 192 192 192s192-85.961 192-192v-213.333c0-106.039-85.961-192-192-192s-192 85.961-192 192v213.333zM512 874.667c-58.91 0-106.667-47.756-106.667-106.667v-213.333c0-58.91 47.757-106.667 106.667-106.667s106.667 47.757 106.667 106.667v213.333c0 58.91-47.757 106.667-106.667 106.667zM192 597.333c23.564 0 42.667-19.102 42.667-42.667 0-153.169 124.166-277.333 277.333-277.333 153.169 0 277.333 124.164 277.333 277.333 0 23.565 19.102 42.667 42.667 42.667s42.667-19.102 42.667-42.667c0-185.86-139.81-339.068-320-360.183v-87.817c0-23.565-19.102-42.667-42.667-42.667s-42.667 19.102-42.667 42.667v87.817c-180.189 21.116-320 174.323-320 360.183 0 23.565 19.103 42.667 42.667 42.667z" />
<glyph unicode="&#xe967;" glyph-name="microphone_crossed" d="M320 768c0 106.039 85.961 192 192 192s192-85.961 192-192v-213.333c0-48.521-18.001-92.838-47.684-126.643l60.429-60.425c45.086 49.318 72.589 114.978 72.589 187.068 0 23.565 19.102 42.667 42.667 42.667s42.667-19.102 42.667-42.667c0-95.65-37.030-182.656-97.536-247.458l149.039-149.039c16.661-16.661 16.661-43.678 0-60.339s-43.678-16.661-60.339 0l-768 768c-16.662 16.663-16.662 43.677 0 60.34s43.677 16.662 60.34 0l161.83-161.83v3.66zM405.333 679.006l190.413-190.413c14.353 18.172 22.921 41.122 22.921 66.074v213.333c0 58.91-47.757 106.667-106.667 106.667s-106.667-47.756-106.667-106.667v-88.994zM320 583.377l218.85-218.85c-8.777-1.225-17.737-1.86-26.85-1.86-106.039 0-192 85.961-192 192v28.71zM673.515 229.862l-64.802 64.802c-30.11-11.209-62.699-17.331-96.713-17.331-153.167 0-277.333 124.164-277.333 277.333 0 23.565-19.103 42.667-42.667 42.667s-42.667-19.102-42.667-42.667c0-185.86 139.811-339.068 320-360.183v-87.817c0-23.565 19.102-42.667 42.667-42.667s42.667 19.102 42.667 42.667v87.817c42.266 4.954 82.308 17.173 118.848 35.379z" />
@ -128,7 +128,7 @@
<glyph unicode="&#xe976;" glyph-name="passwordoff" d="M111.484 844.386l4.020-3.549 768-768c16.662-16.662 16.662-43.677 0-60.34-15.381-15.381-39.583-16.564-56.32-3.549l-4.020 3.549-115.537 115.503h-408.96c-68.168 0-123.89 53.287-127.783 120.479l-0.217 7.521v341.333c0 19.421 4.363 38.192 12.466 55.15l-127.969 128.013c-16.662 16.662-16.662 43.677 0 60.34 15.381 15.381 39.583 16.564 56.32 3.549zM622.293 213.333l-366.293 366.293v-323.627c0-21.881 16.471-39.915 37.691-42.38l4.976-0.287h323.627zM512 1024c114.72 0 208.291-90.552 213.136-204.079l0.197-9.254v-85.333c68.168 0 123.89-53.287 127.783-120.479l0.217-7.521v-298.667c0-23.564-19.103-42.667-42.667-42.667-21.881 0-39.915 16.471-42.38 37.691l-0.287 4.976v298.667c0 21.881-16.471 39.915-37.691 42.38l-4.976 0.287h-298.667c-23.564 0-42.667 19.103-42.667 42.667 0 21.881 16.471 39.915 37.691 42.38l4.976 0.287h213.333v85.333c0 70.692-57.308 128-128 128-68.168 0-123.89-53.287-127.783-120.479l-0.217-7.521v-42.667c0-23.564-19.103-42.667-42.667-42.667-21.881 0-39.915 16.471-42.38 37.691l-0.287 4.976v42.667c0 117.821 95.513 213.333 213.333 213.333z" />
<glyph unicode="&#xe977;" glyph-name="pause" d="M716.791 870.396c-56.32 0-102.4-46.080-102.4-102.4v-512c0-56.32 46.080-102.4 102.4-102.4s102.4 46.080 102.4 102.4v512c0 56.32-46.080 102.4-102.4 102.4zM409.591 767.996c0 56.32-46.080 102.4-102.4 102.4s-102.4-46.080-102.4-102.4v-512c0-56.32 46.080-102.4 102.4-102.4s102.4 46.080 102.4 102.4c0 41.579 0 270.153 0 409.6 0 49.428 0 87.66 0 102.4z" />
<glyph unicode="&#xe978;" glyph-name="permissions" d="M256 896h597.333c68.168 0 123.89-53.287 127.783-120.479l0.217-7.521v-85.333c0-21.881-16.471-39.915-37.691-42.38l-4.976-0.287h-128v-384c0-68.168-53.287-123.89-120.479-127.783l-7.521-0.217h-512c-70.692 0-128 57.308-128 128v85.333c0 23.564 19.103 42.667 42.667 42.667h42.667v384c0 68.168 53.287 123.89 120.479 127.783l7.521 0.217zM554.667 298.667h-426.667v-42.667c0-23.564 19.103-42.667 42.667-42.667h391.292c-4.725 13.363-7.292 27.729-7.292 42.667v42.667zM732.617 810.667h-476.617c-21.881 0-39.915-16.471-42.38-37.691l-0.287-4.976v-384h384c23.564 0 42.667-19.103 42.667-42.667v-85.333c0-22.371 17.3-40.915 37.865-42.461l5.367-0.202c21.639 0.281 39.393 16.671 41.819 37.726l0.283 4.937v512c0 11.968 1.643 23.553 4.715 34.541l2.569 8.126zM853.333 810.667l-4.976-0.287c-19.587-2.275-35.129-17.816-37.404-37.404l-0.287-4.976v-42.667h85.333v42.667c0 21.881-16.471 39.915-37.691 42.38l-4.976 0.287z" />
<glyph unicode="&#xe979;" glyph-name="phone" d="M872.96 0h-9.728c-464.419 29.461-833.771 398.813-863.096 860.554l-0.136 2.678c-0.111 2.147-0.175 4.661-0.175 7.19 0 39.752 15.676 75.844 41.184 102.429l-0.049-0.051c27.844 31.040 67.899 50.642 112.541 51.199l0.099 0.001h89.088c0.294 0.002 0.641 0.003 0.989 0.003 78.698 0 143.573-59.186 152.542-135.474l0.069-0.721 13.312-129.024c0.657-5.336 1.032-11.513 1.032-17.777 0-42.453-17.223-80.884-45.063-108.686l-0.002-0.002-137.216-153.6c65.417-101.395 149.319-185.134 247.636-248.414l3.244-1.954 153.6 138.24c27.698 27.23 65.714 44.041 107.656 44.041 6.267 0 12.446-0.375 18.517-1.105l-0.732 0.072 130.048-14.848c76.77-9.277 135.684-74.034 135.684-152.552 0-0.369-0.001-0.737-0.004-1.105v0.057-87.552c-0.404-44.93-20.037-85.196-51.056-113.025l-0.144-0.127c-25.968-24.728-61.077-40.063-99.764-40.447l-0.076-0.001zM574.976 177.152c86.367-41.020 186.965-67.858 293.019-74.629l2.405-0.123c0.525-0.021 1.141-0.033 1.759-0.033 12.847 0 24.505 5.088 33.071 13.358l-0.014-0.013c10.092 9.378 16.385 22.725 16.385 37.542 0 0.122 0 0.244-0.001 0.365v-0.019 89.088c0.001 0.11 0.001 0.24 0.001 0.37 0 26.112-19.547 47.659-44.807 50.805l-130.298 13.337c-1.825 0.231-3.938 0.362-6.080 0.362-13.99 0-26.669-5.611-35.91-14.705l0.007 0.007zM153.6 921.6c-0.116 0.001-0.253 0.001-0.39 0.001-15.061 0-28.603-6.503-37.971-16.854l-0.039-0.044c-7.95-8.487-12.833-19.933-12.833-32.519 0-0.628 0.012-1.253 0.036-1.875l-0.003 0.089c6.894-108.459 33.732-209.057 76.883-300.442l-2.131 5.018 115.2 128c9.501 9.303 15.391 22.261 15.391 36.595 0 2.624-0.197 5.202-0.578 7.72l0.035-0.283-13.312 129.024c-2.932 25.75-24.596 45.569-50.889 45.569-0.109 0-0.218 0-0.327-0.001h0.017z" />
<glyph unicode="&#xe979;" glyph-name="phone" d="M812.8 85.333h-8.107c-187.021 11.511-363.375 90.999-495.869 223.492-132.492 132.493-211.978 308.849-223.491 495.868-0.815 16.74 1.792 33.471 7.661 49.169s14.876 30.036 26.473 42.137c11.832 13.232 26.287 23.857 42.447 31.203s33.67 11.249 51.42 11.464h74.24c31.578 0.204 62.116-11.273 85.744-32.224s38.678-49.895 42.256-81.27l11.093-107.52c2.236-19.197 0.098-38.651-6.257-56.902s-16.761-34.828-30.436-48.484l-114.347-128c53.629-83.968 124.987-155.183 209.067-208.64l128 115.2c13.641 13.402 30.11 23.582 48.201 29.781 18.091 6.204 37.338 8.273 56.333 6.059l108.373-12.373c31.296-3.678 60.139-18.769 81.003-42.385 20.864-23.62 32.277-54.101 32.064-85.615v-72.96c-0.154-17.822-4.032-35.413-11.379-51.652-7.347-16.235-18.001-30.758-31.287-42.641-22.468-21.363-52.198-33.408-83.2-33.707v0zM564.48 232.96c77.474-35.895 160.964-57.020 246.187-62.293 5.333-0.196 10.654 0.683 15.637 2.59s9.536 4.8 13.376 8.503c4.343 4.028 7.799 8.913 10.15 14.349s3.541 11.302 3.503 17.225v74.24c0.077 10.483-3.712 20.625-10.637 28.497-6.925 7.868-16.503 12.911-26.91 14.17l-108.373 11.093c-6.353 0.759-12.8 0.081-18.854-1.988-6.054-2.065-11.571-5.47-16.132-9.958l-107.947-96.427zM213.333 853.333c-6.026 0.046-11.993-1.185-17.508-3.612s-10.455-5.994-14.492-10.468c-3.576-3.825-6.36-8.321-8.191-13.227s-2.672-10.127-2.476-15.36c5.274-85.222 26.4-168.713 62.293-246.187l96 106.667c4.81 4.707 8.439 10.485 10.589 16.862s2.762 13.173 1.784 19.831l-11.093 107.52c-1.16 10.484-6.163 20.167-14.042 27.179s-18.077 10.858-28.625 10.794h-74.24z" />
<glyph unicode="&#xe97a;" glyph-name="pin" d="M364.821 938.667h295.68c19.183 0 35.46 0.001 48.158-0.745 11.716-0.687 27.567-2.193 41.51-9.505 40.094-21.027 58.206-68.659 42.206-111.012-5.564-14.727-16.41-26.383-24.708-34.681-8.994-8.992-21.163-19.806-35.499-32.55l-40.337-35.855c-3.494-3.107-5.261-4.687-6.511-5.881l-0.119-0.114 0.017-0.164c0.149-1.721 0.435-4.074 1.015-8.714l11.251-90.013c1.907-15.24 2.406-18.244 3.132-20.736 1.89-6.511 5.303-12.48 9.958-17.408 1.779-1.886 4.122-3.84 16.29-13.205l30.114-23.164c23.245-17.877 42.163-32.431 56-44.382 12.791-11.051 27.43-24.858 35.004-41.911 22.583-50.85 2.291-110.511-46.609-137.045-16.405-8.905-36.429-10.918-53.299-11.878-18.257-1.037-42.125-1.037-71.45-1.037h-121.958v-213.333c0-23.565-19.102-42.667-42.667-42.667s-42.667 19.102-42.667 42.667v213.333h-121.958c-29.324 0-53.194 0-71.449 1.037-16.874 0.96-36.896 2.974-53.3 11.878-48.9 26.534-69.192 86.195-46.612 137.045 7.575 17.054 22.216 30.861 35.006 41.911 13.837 11.951 32.758 26.505 56.003 44.386l30.109 23.159c12.172 9.365 14.511 11.319 16.293 13.205 4.656 4.928 8.070 10.897 9.96 17.408 0.723 2.492 1.224 5.495 3.129 20.736l11.252 90.013c0.58 4.64 0.867 6.993 1.018 8.714l0.014 0.164-0.118 0.114c-1.248 1.195-3.015 2.774-6.51 5.881l-40.336 35.853c-14.338 12.745-26.505 23.559-35.5 32.552-8.3 8.298-19.146 19.953-24.709 34.681-15.998 42.353 2.112 89.985 42.207 111.012 13.942 7.311 29.792 8.817 41.508 9.505 12.697 0.745 28.975 0.745 48.159 0.745h1.323zM512.060 384h163.17c31.049 0 52.467 0.017 67.998 0.9 11.319 0.644 16.213 1.668 17.634 1.963 0.277 0.060 0.422 0.090 0.457 0.085 9.101 5.346 12.919 16.572 8.969 26.359-0.034 0.017-0.128 0.132-0.311 0.346-0.947 1.101-4.203 4.898-12.779 12.309-11.772 10.167-28.74 23.241-53.35 42.172l-30.903 23.77c-9.242 7.1-17.37 13.346-24.401 20.787-13.965 14.784-24.209 32.683-29.879 52.215-2.85 9.83-4.117 20.006-5.555 31.573l-0.294 2.369-11.251 90.013-0.235 1.826c-0.853 6.713-1.92 15.119-1.335 23.579 1.156 16.606 7.138 32.513 17.22 45.76 5.137 6.749 11.482 12.364 16.55 16.849l1.378 1.221 39.343 34.975c15.599 13.862 25.852 23 32.853 30 2.935 2.935 4.612 4.848 5.487 5.894 0.026 1.112-0.388 2.196-1.148 3.010-1.344 0.201-3.87 0.516-8.013 0.759-9.886 0.58-23.62 0.598-44.484 0.598h-294.357c-20.866 0-34.599-0.018-44.483-0.598-4.144-0.243-6.669-0.559-8.016-0.759-0.759-0.814-1.171-1.898-1.145-3.010 0.874-1.045 2.551-2.959 5.487-5.893 7.002-7 17.255-16.137 32.85-30l40.724-36.196c5.068-4.485 11.414-10.1 16.549-16.849 10.080-13.248 16.066-29.154 17.219-45.76 0.588-8.46-0.482-16.866-1.336-23.579l-0.231-1.826-11.547-92.382c-1.438-11.567-2.704-21.743-5.557-31.573-5.67-19.533-15.912-37.431-29.879-52.215-7.029-7.441-15.161-13.687-24.403-20.787l-30.901-23.77c-24.608-18.931-41.576-32.004-53.348-42.172-8.577-7.411-11.834-11.209-12.779-12.309-0.184-0.213-0.28-0.329-0.311-0.346-3.951-9.788-0.133-21.013 8.966-26.359 0.035 0.004 0.18-0.026 0.457-0.085 1.421-0.294 6.317-1.318 17.633-1.963 15.532-0.883 36.951-0.9 67.998-0.9h163.172c0.021 0 0.038 0 0.060 0s0.038 0 0.060 0z" />
<glyph unicode="&#xe97b;" glyph-name="pinlist" d="M533.333 298.667c23.564 0 42.667-19.103 42.667-42.667 0-21.881-16.471-39.915-37.691-42.38l-4.976-0.287h-405.333c-23.564 0-42.667 19.103-42.667 42.667 0 21.881 16.471 39.915 37.691 42.38l4.976 0.287h405.333zM848.13 896c43.491 0 78.067-31.095 78.067-74.233 0-19.167-7.359-37.945-20.644-55.001-12.26-15.19-32.493-32.357-57.388-49.137l-9.548-6.27-7.001-4.33 4.992-69.077 2.627-1.271c67.092-33.095 112.493-89.245 119.745-151.369l0.775-8.914 0.245-8.592c0-46.558-33.719-80.594-79.672-83.592l-6.646-0.215h-127.015v-128c0-23.564-19.103-42.667-42.667-42.667-21.881 0-39.915 16.471-42.38 37.691l-0.287 4.976v128h-127.015c-47.070 0-82.928 31.92-86.091 77.243l-0.227 6.564c0 66.149 43.61 127.427 111.952 164.24l9.053 4.661 2.558 1.202 4.821 69.12-6.867 4.272c-22.203 14.241-41.315 29.021-55.287 42.846l-6.548 6.826-4.982 5.809c-13.31 16.508-20.897 35.528-20.897 54.984 0 41.041 31.475 71.1 71.882 74.003l6.451 0.23h287.993zM341.333 512c23.564 0 42.667-19.103 42.667-42.667 0-21.881-16.471-39.915-37.691-42.38l-4.976-0.287h-213.333c-23.564 0-42.667 19.103-42.667 42.667 0 21.881 16.471 39.915 37.691 42.38l4.976 0.287h213.333zM829.696 810.667h-251.093l1.389-1.296c10.52-9.293 25.835-20.401 43.818-31.371l9.204-5.465 8.372-4.72c12.956-7.126 21.18-20.367 22.032-34.875l-0.031-5.491-8.517-121.609c-1.178-16.824-12.156-31.375-28.010-37.127-55.313-20.069-89.761-58.352-93.234-94.844l-0.248-4.664 0.942 0.128 340.263-0.128-0.205 4.661c-3.072 32.298-30.402 66.034-74.894 87.275l-9.125 4.077-8.995 3.511c-14.044 5.113-24.254 17.135-27.2 31.521l-0.758 5.497-8.784 121.609c-1.201 16.625 7.389 32.426 21.994 40.459 22.461 12.354 42.276 25.667 56.003 36.774l5.5 4.616 1.577 1.461zM426.667 725.333c23.564 0 42.667-19.103 42.667-42.667 0-21.881-16.471-39.915-37.691-42.38l-4.976-0.287h-298.667c-23.564 0-42.667 19.103-42.667 42.667 0 21.881 16.471 39.915 37.691 42.38l4.976 0.287h298.667z" />
<glyph unicode="&#xe97c;" glyph-name="pinned_filled" d="M682.667 512v341.333h42.667v85.333h-426.667v-85.333h42.667v-341.333l-85.333-85.333v-85.333h221.867v-256h68.267v256h221.867v85.333l-85.333 85.333z" />
@ -148,12 +148,12 @@
<glyph unicode="&#xe98a;" glyph-name="readchats" d="M725.333 896c91.4 0 166.019-71.849 170.458-162.149l0.209-8.518v-149.333c0-23.564-19.103-42.667-42.667-42.667-21.881 0-39.915 16.471-42.38 37.691l-0.287 4.976v149.333c0 44.986-34.811 81.842-78.965 85.099l-6.369 0.234h-426.667c-44.986 0-81.842-34.811-85.099-78.965l-0.234-6.369v-536.96l94.081 94.048c8.916 8.916 20.555 14.483 32.962 15.892l6.259 0.354h186.698c23.564 0 42.667-19.103 42.667-42.667 0-21.881-16.471-39.915-37.691-42.38l-4.976-0.287h-174.379l-150.834-150.886c-17.019-17.019-43.858-18.235-62.28-3.647l-4.094 3.647c-7.544 7.544-12.255 17.393-13.447 27.891l-0.3 5.296v629.699c0 91.4 71.849 166.019 162.149 170.458l8.518 0.209h426.667zM968.837 499.503c15.381-15.381 16.564-39.583 3.549-56.32l-3.549-4.020-213.333-213.333c-15.381-15.381-39.583-16.564-56.32-3.549l-4.020 3.549-106.667 106.667c-16.662 16.662-16.662 43.677 0 60.34 15.381 15.381 39.583 16.564 56.32 3.549l4.020-3.549 76.497-76.463 183.163 183.13c16.662 16.662 43.677 16.662 60.34 0z" />
<glyph unicode="&#xe98b;" glyph-name="recent" d="M512 981.333c259.206 0 469.333-210.128 469.333-469.333s-210.128-469.333-469.333-469.333c-259.206 0-469.333 210.128-469.333 469.333s210.128 469.333 469.333 469.333zM512 896c-212.077 0-384-171.923-384-384s171.923-384 384-384c212.077 0 384 171.923 384 384s-171.923 384-384 384zM512 810.667c21.881 0 39.915-16.471 42.38-37.691l0.287-4.976v-237.126l173.767-157.97c17.436-15.851 18.721-42.835 2.87-60.271-14.632-16.095-38.75-18.428-56.088-6.224l-4.184 3.354-173.767 157.97c-15.813 14.376-25.584 34.088-27.56 55.177l-0.372 7.965v237.126c0 23.564 19.103 42.667 42.667 42.667z" />
<glyph unicode="&#xe98c;" glyph-name="replace" d="M853.333 512c44.986 0 81.842-34.811 85.099-78.965l0.234-6.369v-256c0-44.986-34.811-81.842-78.965-85.099l-6.369-0.234h-256c-44.986 0-81.842 34.811-85.099 78.965l-0.234 6.369v256c0 44.986 34.811 81.842 78.965 85.099l6.369 0.234h256zM218.15 439.053l4.020-3.549 106.667-106.667c16.662-16.662 16.662-43.677 0-60.34-15.381-15.381-39.583-16.564-56.32-3.549l-4.020 3.549-33.83 33.797v-88.96c0-21.881 16.471-39.915 37.691-42.38l4.976-0.287h106.667c23.564 0 42.667-19.103 42.667-42.667 0-21.881-16.471-39.915-37.691-42.38l-4.976-0.287h-106.667c-68.168 0-123.89 53.287-127.783 120.479l-0.217 7.521v89.003l-33.83-33.839c-15.381-15.381-39.583-16.564-56.32-3.549l-4.020 3.549c-15.381 15.381-16.564 39.583-3.549 56.32l3.549 4.020 106.667 106.667c15.381 15.381 39.583 16.564 56.32 3.549zM853.333 426.667h-256v-256h256v256zM426.667 938.667c44.986 0 81.842-34.811 85.099-78.965l0.234-6.369v-256c0-44.986-34.811-81.842-78.965-85.099l-6.369-0.234h-256c-44.986 0-81.842 34.811-85.099 78.965l-0.234 6.369v256c0 44.986 34.811 81.842 78.965 85.099l6.369 0.234h256zM746.667 938.667c68.168 0 123.89-53.287 127.783-120.479l0.217-7.521v-88.917l33.83 33.754c15.381 15.381 39.583 16.564 56.32 3.549l4.020-3.549c15.381-15.381 16.564-39.583 3.549-56.32l-3.549-4.020-106.667-106.667c-15.381-15.381-39.583-16.564-56.32-3.549l-4.020 3.549-106.667 106.667c-16.662 16.662-16.662 43.677 0 60.34 15.381 15.381 39.583 16.564 56.32 3.549l4.020-3.549 33.83-33.797v88.96c0 21.881-16.471 39.915-37.691 42.38l-4.976 0.287h-106.667c-23.564 0-42.667 19.103-42.667 42.667 0 21.881 16.471 39.915 37.691 42.38l4.976 0.287h106.667zM426.667 853.333h-256v-256h256v256z" />
<glyph unicode="&#xe98d;" glyph-name="reply" d="M438.857 100.937h-4.876c-35.109 0-59.977 24.869-109.714 71.192l-269.166 248.686c-21.088 15.847-37.71 36.537-48.374 60.466l-0.388 0.974c-3.466 9.36-5.471 20.171-5.471 31.451s2.005 22.092 5.679 32.098l-0.208-0.646c11.051 24.903 27.674 45.593 48.369 61.157l0.393 0.283 268.678 248.686c49.25 45.836 74.606 71.192 109.714 71.192 1.473 0.079 3.197 0.125 4.931 0.125 30.104 0 57.023-13.64 74.912-35.078l0.126-0.156c22.918-27.307 22.918-62.415 22.918-129.219v-30.72c341.333-23.893 445.196-301.349 476.404-469.577 12.678-70.705 17.067-94.598 0-118.979-12.496-20.64-34.554-34.395-59.876-35.106l-0.101-0.002c-29.257 0-46.324 14.141-112.64 70.217-82.489 67.491-187.769 109.963-302.794 114.559l-0.992 0.032v-27.307c0-67.779 0-101.912-22.43-129.219-18.014-21.52-44.888-35.109-74.935-35.109-0.056 0-0.111 0-0.167 0h0.009zM97.524 513.95c4.389-4.876 13.653-13.653 22.43-21.455l270.141-248.686c18.042-16.579 36.571-34.133 48.762-41.935 0 13.653 0 39.010 0 63.39v76.069c0 26.93 21.831 48.762 48.762 48.762v0c6.407 0.234 13.935 0.367 21.493 0.367 150.342 0 288.366-52.743 396.577-140.736l-1.155 0.91 12.678-10.24c-32.67 178.469-133.608 390.095-429.105 390.095-0.181-0.002-0.394-0.004-0.607-0.004-26.93 0-48.762 21.831-48.762 48.762 0 1.202 0.044 2.395 0.129 3.575l-0.009-0.158v79.482c0 24.381 0 48.762 0 63.39-10.728-7.802-29.257-25.356-48.762-41.935l-269.166-247.223c-8.777-9.265-18.042-17.554-23.406-22.43z" />
<glyph unicode="&#xe98e;" glyph-name="reply_filled" horiz-adv-x="981" d="M434.334 895.59l-3.84-0.427-3.841-0.853-3.413-0.853-3.84-1.28-3.413-1.28-6.827-3.413-3.413-2.133-2.987-2.133-2.987-2.56-2.987-2.133-332.8-307.627-5.547-5.973-5.12-6.827-3.84-6.827-2.987-7.253-2.133-7.68-1.28-8.107-0.427-8.107 0.853-7.68 1.707-8.107 2.56-7.68 3.413-7.253 4.693-7.253 5.547-6.827 2.56-2.56 332.8-307.627 6.4-5.12 6.827-4.267 7.253-3.413 7.68-2.56 8.108-1.707 7.68-0.427 7.68 0.427 8.107 1.28 7.68 2.133 7.253 2.987 6.827 3.84 6.827 5.12 5.973 5.547 5.12 5.973 2.133 3.413 1.707 2.987 2.133 3.413 1.28 3.413 1.707 3.84 0.853 3.413 1.28 3.84 0.427 3.84 0.853 3.413v3.84l0.427 4.267v118.613l34.133-2.987 32.853-3.84 30.72-5.547 29.44-7.253 27.307-8.96 26.027-10.24 23.893-11.52 22.613-13.227 20.907-14.933 18.773-16.213 17.493-17.493 15.787-19.627 14.507-20.48 5.973-10.24 3.413-5.12 4.267-5.12 4.693-4.267 5.12-3.413 5.547-2.987 5.547-2.56 5.973-1.707 6.4-0.853h5.973l6.4 0.427 5.973 1.707 6.4 2.133 5.547 2.56 3.84 2.56 3.413 2.56 2.987 2.56 2.987 2.987 2.56 2.987 2.133 3.413 2.133 3.84 1.707 3.413 1.707 3.84 1.28 4.267 0.853 3.84 0.853 8.533-1.707 69.973-6.4 65.28-11.52 60.16-16.64 55.467-21.333 49.92-26.453 44.8-31.147 39.68-36.267 34.133-40.96 29.013-46.080 23.893-50.347 18.347-55.467 12.8-60.16 7.68-13.653 0.853v120.747l-4.693 10.24-4.693 8.96-5.12 8.107-4.693 7.68-5.12 6.827-4.693 5.973-5.547 5.12-5.12 4.267-5.12 3.413-5.547 2.987-5.547 1.707-5.547 1.28-5.547 0.427h-3.84l-3.84-0.427z" />
<glyph unicode="&#xe98d;" glyph-name="reply" d="M508.207 860.267c-14.327 17.18-35.9 26.618-58.24 25.478-18.052-0.921-32.516-10.713-42.466-18.382-10.427-8.037-22.728-19.406-36.804-32.416l-265.318-245.199c-7.092-6.554-13.94-12.881-19.255-18.692-5.794-6.336-12.116-14.498-15.834-25.353-5.113-14.933-5.113-31.142 0-46.076 3.717-10.854 10.040-19.017 15.834-25.353 5.315-5.811 12.164-12.139 19.256-18.692l265.318-245.197c14.076-13.009 26.377-24.38 36.804-32.414 9.949-7.671 24.413-17.463 42.466-18.385 22.34-1.139 43.913 8.299 58.24 25.481 11.575 13.884 14.199 31.151 15.322 43.665 1.173 13.111 1.173 29.858 1.173 49.028v59.068c148.791-8.068 241.446-66.074 295.479-117.227l0.823-0.777c15.168-14.357 27.605-26.133 37.137-34.261 4.826-4.113 9.967-8.213 15.078-11.452 3.823-2.423 13.321-8.213 25.6-8.397 18.662-0.273 34.948 8.218 45.406 23.676 6.417 9.485 7.484 19.58 7.812 24.529 0.388 5.909 0.047 12.126-0.465 17.856-1.003 11.213-3.243 26.189-5.905 43.994l-0.179 1.207c-11.968 80.030-40.521 187.277-109.282 275.191-64.981 83.086-164.151 146.555-311.505 155.345v61.060c0 19.168 0 35.917-1.173 49.030-1.122 12.512-3.746 29.781-15.322 43.664zM452.501 812.239c0.068-0.604 0.137-1.263 0.201-1.981 0.853-9.542 0.887-23.042 0.887-44.297v-93.962c0-19.637 15.919-35.556 35.558-35.556 145.182 0 234.394-56.646 291.046-129.086 57.967-74.116 83.836-167.497 94.959-241.873-1.941 1.839-3.968 3.759-6.084 5.76-70.165 66.423-190.302 137.643-379.921 137.643-9.429 0-18.475-3.746-25.143-10.415-6.669-6.665-10.415-15.71-10.415-25.139v-93.965c0-21.252-0.034-34.752-0.887-44.297-0.064-0.717-0.132-1.374-0.201-1.98-0.486 0.363-1.015 0.759-1.587 1.199-7.59 5.85-17.527 14.985-33.136 29.41l-263.259 243.298c-8.297 7.667-12.877 11.938-15.92 15.266-0.128 0.141-0.248 0.273-0.361 0.401 0.113 0.124 0.233 0.26 0.361 0.401 3.043 3.324 7.622 7.599 15.92 15.266l263.259 243.295c15.608 14.426 25.545 23.563 33.136 29.412 0.572 0.44 1.101 0.838 1.587 1.198zM881.079 217.596c0.004 0.051 0.004 0.115 0.009 0.201-0.055-0.465-0.034-0.567-0.009-0.201z" />
<glyph unicode="&#xe98e;" glyph-name="reply_filled" d="M512.017 853.121c-17.19 20.615-43.076 31.941-69.884 30.574-21.664-1.105-39.022-12.856-50.961-22.059-12.512-9.644-27.273-23.287-44.164-38.899l-237.588-219.572c-8.51-7.863-16.728-15.458-23.107-22.429-6.953-7.603-14.54-17.399-19-30.426-6.136-17.92-6.136-37.367 0-55.287 4.461-13.026 12.048-22.822 19-30.426 6.378-6.972 14.596-14.566 23.106-22.43l237.587-219.567c16.893-15.616 31.654-29.257 44.167-38.903 11.939-9.203 29.297-20.954 50.961-22.059 26.807-1.365 52.693 9.958 69.884 30.575 13.892 16.657 17.045 37.38 18.389 52.395 1.408 15.735 1.408 35.836 1.408 58.837v25.83c128.841-8.559 213.687-55.198 267.089-100.198l1.011-0.853c19.601-16.516 35.601-29.999 47.744-39.232 6.135-4.668 12.587-9.259 18.884-12.809 4.57-2.577 16.401-9.058 31.194-8.533 9.626 0.341 20.169 2.62 30.272 8.482 10.099 5.862 17.31 13.884 22.383 22.076 7.164 11.571 8.004 23.612 8.183 29.491 0.218 7.031-0.435 14.4-1.271 21.193-1.634 13.291-4.877 31.002-8.734 52.070l-0.26 1.421c-14.831 80.994-46.95 183.582-117.436 266.586-65.374 76.981-161.519 134.377-299.059 144.205v28.713c0 23.002 0 43.102-1.408 58.837-1.344 15.015-4.497 35.738-18.389 52.397zM445.175 795.487c0.081-0.724 0.158-1.515 0.239-2.376 1.024-11.45 1.067-27.651 1.067-53.156v-67.955c0-23.564 19.102-42.667 42.667-42.667 136.004 0 221.252-50.325 276.685-115.601 56.879-66.982 85.052-153.045 98.534-226.714 0.111-0.602 0.222-1.195 0.329-1.783-3.392 2.85-6.989 5.884-10.803 9.097-73.532 61.961-190.336 121.668-364.745 121.668-11.319 0-22.17-4.497-30.17-12.497-8.004-8-12.497-18.854-12.497-30.17v-67.955c0-25.506-0.043-41.707-1.067-53.154-0.081-0.862-0.158-1.651-0.239-2.377-0.589 0.431-1.225 0.909-1.907 1.438-9.105 7.019-21.033 17.98-39.764 35.294l-235.118 217.289c-9.957 9.199-15.452 14.327-19.104 18.321-0.154 0.166-0.298 0.329-0.433 0.478 0.135 0.149 0.28 0.311 0.433 0.478 3.652 3.994 9.147 9.122 19.104 18.321l235.118 217.29c18.731 17.311 30.659 28.276 39.764 35.294 0.683 0.528 1.318 1.005 1.907 1.437zM908.642 250.415c0 0-0.021 0.013-0.068 0.034zM873.284 230.562c-0.047-0.567-0.017-0.691 0-0.239 0 0.060 0 0.137 0 0.239zM489.148 672v67.955c0 49.315 0 73.972-9.899 85.841-8.597 10.308-21.538 15.971-34.944 15.287-15.433-0.787-33.542-17.522-69.759-50.993l-235.118-217.29c-18.839-17.408-28.259-26.112-31.75-36.309-3.068-8.96-3.068-18.688 0-27.648 3.491-10.197 12.911-18.901 31.75-36.309l235.118-217.289c36.217-33.472 54.326-50.206 69.759-50.995 13.406-0.683 26.347 4.979 34.944 15.287 9.899 11.87 9.899 36.527 9.899 85.841v67.955c163.746 0 270.938-55.753 337.25-111.629 40.913-34.475 61.372-51.712 69.828-51.413 8.004 0.282 13.675 3.575 17.89 10.381 4.459 7.194 0.38 29.474-7.778 74.031-28.314 154.662-120.585 377.297-417.19 377.297z" />
<glyph unicode="&#xe98f;" glyph-name="rightpanel" d="M256 768c-47.128 0-85.333-38.205-85.333-85.333v-341.333c0-47.13 38.205-85.333 85.333-85.333h512c47.13 0 85.333 38.204 85.333 85.333v341.333c0 47.128-38.204 85.333-85.333 85.333h-512zM85.333 682.667c0 94.257 76.41 170.667 170.667 170.667h512c94.255 0 170.667-76.41 170.667-170.667v-341.333c0-94.255-76.412-170.667-170.667-170.667h-512c-94.257 0-170.667 76.412-170.667 170.667v341.333zM533.333 213.333v597.333h85.333v-597.333h-85.333z" />
<glyph unicode="&#xe990;" glyph-name="rotate_left" d="M213.88 530.219c9.416 156.465 139.289 280.448 298.12 280.448 164.949 0 298.667-133.718 298.667-298.667s-133.717-298.667-298.667-298.667c-23.565 0-42.667-19.102-42.667-42.667s19.102-42.667 42.667-42.667c212.079 0 384 171.921 384 384 0 212.077-171.921 384-384 384-206.283 0-374.575-162.656-383.618-366.707l-55.546 55.543c-16.663 16.663-43.678 16.663-60.34 0-16.662-16.661-16.662-43.678 0-60.339l128-128c16.663-16.661 43.677-16.661 60.34 0l128 128c16.662 16.661 16.662 43.678 0 60.339-16.663 16.663-43.677 16.663-60.34 0l-54.617-54.618z" />
<glyph unicode="&#xe991;" glyph-name="rotate_right" d="M810.121 530.219c-9.417 156.465-139.29 280.448-298.121 280.448-164.949 0-298.667-133.718-298.667-298.667s133.718-298.667 298.667-298.667c23.565 0 42.667-19.102 42.667-42.667s-19.102-42.667-42.667-42.667c-212.077 0-384 171.921-384 384 0 212.077 171.923 384 384 384 206.285 0 374.575-162.656 383.616-366.707l55.548 55.543c16.661 16.663 43.678 16.663 60.339 0 16.661-16.661 16.661-43.678 0-60.339l-128-128c-16.661-16.661-43.678-16.661-60.339 0l-128 128c-16.661 16.661-16.661 43.678 0 60.339 16.661 16.663 43.678 16.663 60.339 0l54.618-54.618z" />
<glyph unicode="&#xe992;" glyph-name="saved" d="M153.6-12.8c-0.076 0-0.165 0-0.254 0-31.783 0-60.185 14.48-78.967 37.204l-0.139 0.173c-23.040 26.624-23.040 62.976-23.040 129.024v491.52c0 122.88 0 184.32 27.648 239.104 25.041 48.524 63.604 87.087 110.7 111.456l1.428 0.672c54.784 27.648 116.224 27.648 239.104 27.648h163.84c122.88 0 184.32 0 239.104-27.648 48.524-25.041 87.087-63.604 111.456-110.7l0.672-1.428c27.648-54.784 27.648-116.224 27.648-239.104v-491.52c0-68.608 0-102.4-23.040-131.584-19.652-22.937-48.65-37.38-81.021-37.38-0.316 0-0.632 0.001-0.948 0.004h0.048c-36.352 0-62.464 23.040-114.176 67.584l-221.696 192.512-19.968 17.92s-9.216-10.752-17.92-17.92l-221.184-189.44c-51.2-45.056-78.336-67.584-114.688-68.096zM512 364.032c10.237-0.072 20.097-1.563 29.432-4.286l-0.76 0.19c22.804-8.31 42.182-21.264 57.787-37.815l0.069-0.073 220.672-189.44c18.944-15.872 37.888-32.256 51.2-39.936 0 13.312 0 38.912 0 63.488v488.96c0 106.496 0 159.744-16.896 192.512-15.005 29.007-38.065 52.067-66.217 66.669l-0.855 0.403c-32.768 16.896-86.016 16.896-192.512 16.896h-163.84c-106.496 0-159.744 0-192.512-16.896-29.007-15.005-52.067-38.065-66.669-66.217l-0.403-0.855c-16.896-32.768-16.896-86.016-16.896-192.512v-491.52c0-24.576 0-51.2 0-63.488 11.264 7.68 30.208 24.064 51.2 39.936l221.184 189.44c15.586 16.794 34.751 30.039 56.303 38.55l1.041 0.362c8.448 3 18.223 5.013 28.376 5.618l0.296 0.014z" />
<glyph unicode="&#xe992;" glyph-name="saved" d="M441.907 938.667h140.186c46.242 0 83.537 0.001 113.741-2.467 31.1-2.541 58.415-7.909 83.686-20.785 40.141-20.453 72.777-53.089 93.227-93.23 12.877-25.271 18.244-52.586 20.787-83.683 2.466-30.202 2.466-67.499 2.466-113.74v-411.201c0-21.973 0.004-41.31-1.374-56.529-1.327-14.703-4.45-34.731-17.813-51.127-16.674-20.459-41.877-32.051-68.262-31.394-21.141 0.525-38.383 11.187-50.411 19.746-12.45 8.862-27.132 21.444-43.814 35.746l-185.664 159.142c-8.375 7.177-12.873 10.995-16.307 13.513-0.124 0.094-0.243 0.179-0.354 0.26-0.111-0.081-0.23-0.166-0.354-0.26-3.435-2.517-7.932-6.336-16.307-13.513l-185.666-159.142c-16.682-14.302-31.362-26.884-43.811-35.746-12.029-8.559-29.269-19.221-50.413-19.746-26.385-0.657-51.589 10.935-68.263 31.394-13.362 16.397-16.486 36.425-17.814 51.127-1.374 15.219-1.373 34.556-1.372 56.529v411.2c0 46.241-0.001 83.538 2.467 113.741 2.541 31.098 7.909 58.412 20.785 83.683 20.453 40.141 53.089 72.777 93.23 93.23 25.271 12.876 52.586 18.244 83.683 20.785 30.203 2.468 67.5 2.467 113.742 2.467zM335.114 851.15c-25.82-2.109-40.655-6.042-51.892-11.767-24.084-12.272-43.666-31.853-55.938-55.938-5.725-11.236-9.658-26.071-11.767-51.892-2.15-26.319-2.184-60.124-2.184-108.619v-407.458c0-24.465 0.042-39.868 1.027-50.769 0.071-0.789 0.145-1.515 0.22-2.18 0.555 0.375 1.155 0.794 1.801 1.25 8.916 6.349 20.638 16.341 39.214 32.26l185.14 158.694c7.078 6.067 14.076 12.066 20.454 16.742 7.091 5.201 15.855 10.65 26.948 13.879 15.586 4.54 32.141 4.54 47.727 0 11.093-3.23 19.857-8.678 26.948-13.879 6.379-4.676 13.376-10.675 20.454-16.742l185.139-158.694c18.577-15.919 30.298-25.911 39.215-32.26 0.644-0.457 1.246-0.875 1.801-1.25 0.073 0.666 0.149 1.391 0.222 2.18 0.981 10.901 1.024 26.304 1.024 50.769v407.458c0 48.495-0.034 82.301-2.185 108.619-2.108 25.821-6.042 40.655-11.767 51.892-12.271 24.085-31.851 43.666-55.936 55.938-11.238 5.725-26.074 9.658-51.891 11.767-26.321 2.15-60.126 2.184-108.621 2.184h-136.533c-48.495 0-82.301-0.033-108.619-2.184z" />
<glyph unicode="&#xe993;" glyph-name="savedmessages" d="M725.333 938.667c94.257 0 170.667-76.41 170.667-170.667v-608.186c0-47.128-38.205-85.335-85.333-85.335-20.37 0-40.068 7.288-55.534 20.545l-243.132 208.399-243.132-208.399c-35.782-30.671-89.653-26.527-120.324 9.256-13.257 15.466-20.543 35.164-20.543 55.534v608.186c0 94.257 76.41 170.667 170.667 170.667h426.667zM725.333 853.333h-426.667c-47.128 0-85.333-38.205-85.333-85.333v-608.186l243.132 208.399c31.956 27.391 79.112 27.391 111.068 0l243.132-208.399v608.186c0 47.128-38.205 85.333-85.333 85.333z" />
<glyph unicode="&#xe994;" glyph-name="schedule" d="M352 981.333c21.881 0 39.915-16.471 42.38-37.691l0.287-4.976v-186.667c0-23.564-19.103-42.667-42.667-42.667-21.881 0-39.915 16.471-42.38 37.691l-0.287 4.976 0.021 86.281c-110.862-68.902-181.354-191.098-181.354-326.281 0-212.077 171.923-384 384-384s384 171.923 384 384c0 212.077-171.923 384-384 384-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667c259.206 0 469.333-210.128 469.333-469.333s-210.128-469.333-469.333-469.333c-259.206 0-469.333 210.128-469.333 469.333 0 155.942 76.766 297.754 199.32 383.986l-76.654 0.014c-21.881 0-39.915 16.471-42.38 37.691l-0.287 4.976c0 21.881 16.471 39.915 37.691 42.38l4.976 0.287h186.667zM512 821.333c21.881 0 39.915-16.471 42.38-37.691l0.287-4.976v-248.96l147.503-147.537c15.381-15.381 16.564-39.583 3.549-56.32l-3.549-4.020c-15.381-15.381-39.583-16.564-56.32-3.549l-4.020 3.549-160 160c-6.668 6.668-10.901 15.316-12.127 24.562l-0.37 5.608v266.667c0 23.564 19.103 42.667 42.667 42.667z" />
<glyph unicode="&#xe995;" glyph-name="scheduled" d="M352 981.333c21.881 0 39.915-16.471 42.38-37.691l0.287-4.976v-186.667c0-23.564-19.103-42.667-42.667-42.667-21.881 0-39.915 16.471-42.38 37.691l-0.287 4.976 0.021 86.281c-110.862-68.902-181.354-191.098-181.354-326.281 0-212.077 171.923-384 384-384s384 171.923 384 384c0 23.564 19.103 42.667 42.667 42.667s42.667-19.103 42.667-42.667c0-259.206-210.128-469.333-469.333-469.333s-469.333 210.128-469.333 469.333c0 155.942 76.766 297.754 199.32 383.986l-76.654 0.014c-21.881 0-39.915 16.471-42.38 37.691l-0.287 4.976c0 21.881 16.471 39.915 37.691 42.38l4.976 0.287h186.667zM512 821.333c21.881 0 39.915-16.471 42.38-37.691l0.287-4.976v-248.96l147.503-147.537c15.381-15.381 16.564-39.583 3.549-56.32l-3.549-4.020c-15.381-15.381-39.583-16.564-56.32-3.549l-4.020 3.549-160 160c-6.668 6.668-10.901 15.316-12.127 24.562l-0.37 5.608v266.667c0 23.564 19.103 42.667 42.667 42.667z" />

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 205 KiB

After

Width:  |  Height:  |  Size: 209 KiB

BIN
public/assets/fonts/tgico.ttf
View File

Binary file not shown.

BIN
public/assets/fonts/tgico.woff
View File

Binary file not shown.

12
src/components/buttonMenu.ts
View File

@ -5,12 +5,12 @@
*/
import cancelEvent from "../helpers/dom/cancelEvent";
import { AttachClickOptions, attachClickEvent, CLICK_EVENT_NAME } from "../helpers/dom/clickEvent";
import { AttachClickOptions, attachClickEvent } from "../helpers/dom/clickEvent";
import findUpClassName from "../helpers/dom/findUpClassName";
import ListenerSetter from "../helpers/listenerSetter";
import { FormatterArguments, i18n, LangPackKey } from "../lib/langPack";
import CheckboxField from "./checkboxField";
import { closeBtnMenu } from "./misc";
import ripple from "./ripple";
export type ButtonMenuItemOptions = {
icon?: string,
@ -33,7 +33,7 @@ const ButtonMenuItem = (options: ButtonMenuItemOptions) => {
const {icon, text, onClick, checkboxField, noCheckboxClickListener} = options;
const el = document.createElement('div');
el.className = 'btn-menu-item rp-overflow' + (icon ? ' tgico-' + icon : '');
ripple(el);
// ripple(el);
let textElement = options.textElement;
if(!textElement) {
@ -49,6 +49,12 @@ const ButtonMenuItem = (options: ButtonMenuItemOptions) => {
// * cancel mobile keyboard close
onClick && attachClickEvent(el, /* CLICK_EVENT_NAME !== 'click' || keepOpen ? */ (e) => {
cancelEvent(e);
const menu = findUpClassName(e.target, 'btn-menu');
if(menu && !menu.classList.contains('active')) {
return;
}
const result = onClick(e);
if(result === false) {

45
src/components/chat/contextMenu.ts
View File

@ -35,7 +35,7 @@ import PeerTitle from "../peerTitle";
import StackedAvatars from "../stackedAvatars";
import { IS_APPLE } from "../../environment/userAgent";
import PopupReactedList from "../popups/reactedList";
import { ChatReactionsMenu } from "./reactionsMenu";
import { ChatReactionsMenu, REACTION_CONTAINER_SIZE } from "./reactionsMenu";
export default class ChatContextMenu {
private buttons: (ButtonMenuItemOptions & {verify: () => boolean, notDirect?: () => boolean, withSelection?: true, isSponsored?: true})[];
@ -176,13 +176,44 @@ export default class ChatContextMenu {
const initResult = this.init();
element = initResult.element;
const {cleanup, destroy, menuPadding} = initResult;
const {cleanup, destroy, menuPadding, reactionsMenu} = initResult;
let isReactionsMenuVisible = false;
if(reactionsMenu) {
const className = 'is-visible';
isReactionsMenuVisible = reactionsMenu.container.classList.contains(className);
if(isReactionsMenuVisible) reactionsMenu.container.classList.remove(className);
const offsetWidth = element.offsetWidth;
// if(reactionsMenu.scrollable.container.scrollWidth > offsetWidth) {
const INNER_CONTAINER_PADDING = 8;
const visibleLength = (offsetWidth - INNER_CONTAINER_PADDING) / REACTION_CONTAINER_SIZE;
const nextVisiblePart = visibleLength % 1;
const MIN_NEXT_VISIBLE_PART = 0.65;
if(nextVisiblePart < MIN_NEXT_VISIBLE_PART) {
const minWidth = (offsetWidth + (MIN_NEXT_VISIBLE_PART - nextVisiblePart) * REACTION_CONTAINER_SIZE) | 0;
element.style.minWidth = minWidth + 'px';
}
// }
}
const side: 'left' | 'right' = bubble.classList.contains('is-in') ? 'left' : 'right';
//bubble.parentElement.append(element);
//appImManager.log('contextmenu', e, bubble, side);
positionMenu((e as TouchEvent).touches ? (e as TouchEvent).touches[0] : e as MouseEvent, element, side, menuPadding);
if(reactionsMenu) {
reactionsMenu.widthContainer.style.top = element.style.top;
reactionsMenu.widthContainer.style.left = element.style.left;
reactionsMenu.widthContainer.style.setProperty('--menu-width', element.offsetWidth + 'px');
element.parentElement.append(reactionsMenu.widthContainer);
if(isReactionsMenuVisible) void reactionsMenu.container.offsetLeft; // reflow
}
openBtnMenu(element, () => {
if(reactionsMenu) {
reactionsMenu.container.classList.remove('is-visible');
}
this.mid = 0;
this.peerId = undefined;
this.target = null;
@ -194,6 +225,10 @@ export default class ChatContextMenu {
destroy();
}, 300);
});
if(isReactionsMenuVisible) {
reactionsMenu.container.classList.add('is-visible');
}
};
public cleanup() {
@ -572,7 +607,7 @@ export default class ChatContextMenu {
const position: 'horizontal' | 'vertical' = (IS_APPLE || IS_TOUCH_SUPPORTED)/* && false */ ? 'horizontal' : 'vertical';
reactionsMenu = this.reactionsMenu = new ChatReactionsMenu(this.appReactionsManager, position, this.middleware);
reactionsMenu.init(this.appMessagesManager.getGroupsFirstMessage(this.message));
element.prepend(reactionsMenu.widthContainer);
// element.prepend(reactionsMenu.widthContainer);
const size = 42;
const margin = 8;
@ -602,8 +637,10 @@ export default class ChatContextMenu {
},
destroy: () => {
element.remove();
reactionsMenu.widthContainer.remove();
},
menuPadding
menuPadding,
reactionsMenu
};
}

18
src/components/chat/reactionsMenu.ts
View File

@ -26,9 +26,9 @@ import { wrapSticker } from "../wrappers";
const REACTIONS_CLASS_NAME = 'btn-menu-reactions';
const REACTION_CLASS_NAME = REACTIONS_CLASS_NAME + '-reaction';
const REACTION_SIZE = 28;
const REACTION_SIZE = 26;
const PADDING = 4;
const REACTION_CONTAINER_SIZE = REACTION_SIZE + PADDING * 2;
export const REACTION_CONTAINER_SIZE = REACTION_SIZE + PADDING * 2;
const CAN_USE_TRANSFORM = !IS_SAFARI;
@ -41,9 +41,9 @@ type ChatReactionsMenuPlayers = {
};
export class ChatReactionsMenu {
public widthContainer: HTMLElement;
private container: HTMLElement;
public container: HTMLElement;
private reactionsMap: Map<HTMLElement, ChatReactionsMenuPlayers>;
private scrollable: ScrollableBase;
public scrollable: ScrollableBase;
private animationGroup: string;
private middleware: ReturnType<typeof getMiddleware>;
private message: Message.message;
@ -67,11 +67,11 @@ export class ChatReactionsMenu {
reactionsScrollable.container.classList.add('no-scrollbar');
['big'].forEach(type => {
const bubble = document.createElement('div');
bubble.classList.add(REACTIONS_CLASS_NAME + '-bubble', REACTIONS_CLASS_NAME + '-bubble-' + type);
reactionsContainer.append(bubble);
});
// ['big'].forEach(type => {
// const bubble = document.createElement('div');
// bubble.classList.add(REACTIONS_CLASS_NAME + '-bubble', REACTIONS_CLASS_NAME + '-bubble-' + type);
// reactionsContainer.append(bubble);
// });
this.reactionsMap = new Map();
this.animationGroup = 'CHAT-MENU-REACTIONS-' + Date.now();

3
src/lib/rlottie/rlottiePlayer.ts
View File

@ -209,6 +209,9 @@ export default class RLottiePlayer extends EventListenerBase<{
}
}
this.width = Math.round(this.width);
this.height = Math.round(this.height);
//options.noCache = true;
// * Cache frames params

2
src/scss/partials/_avatar.scss
View File

@ -66,7 +66,7 @@ avatar-element {
}
&.tgico-saved:before {
font-size: calc(21px / var(--multiplier)) !important; // ! IMPORTANT IS TEMPORARY
font-size: calc(25px / var(--multiplier)) !important; // ! IMPORTANT IS TEMPORARY
}
&.tgico-reply_filled:before {

77
src/scss/partials/_button.scss
View File

@ -95,15 +95,17 @@
.btn-menu {
visibility: hidden;
position: absolute;
background-color: var(--surface-color);
background-color: var(--menu-background-color);
z-index: 3;
top: 100%;
padding: .5rem 0;
padding: .3125rem 0;
border-radius: $border-radius-medium;
opacity: 0;
transform: scale(.8) !important;
transition: opacity var(--btn-menu-transition), transform var(--btn-menu-transition), visibility var(--btn-menu-transition);
font-size: 1rem;
backdrop-filter: var(--menu-backdrop-filter);
min-width: 11.25rem;
&/* ,
&-reactions */ {
@ -123,11 +125,11 @@
transform: scale3d(1, 1, 1) !important; // * scale3d (NOT scale) will fix jumping text
}
&:not(.active) {
/* &:not(.active) {
&, .btn-menu-item {
pointer-events: none !important;
}
}
} */
&.bottom-left {
right: 0;
@ -172,14 +174,14 @@
}
&-item {
--padding-left: 1rem;
--padding-right: 2.5rem;
--icon-margin: 1.5rem;
--icon-size: 1.5rem;
--padding-left: .75rem;
--padding-right: .75rem;
--icon-margin: 1.25rem;
--icon-size: 1.25rem;
display: flex;
position: relative;
padding: 0 var(--padding-right) 0 var(--padding-left);
height: 3rem;
height: 2rem;
cursor: pointer !important;
pointer-events: all !important;
color: var(--primary-text-color);
@ -189,7 +191,25 @@
// text-overflow: ellipsis;
align-items: center;
text-align: left;
line-height: var(--line-height);
font-size: var(--font-size-14);
line-height: var(--line-height-14);
border-radius: .3125rem;
margin: 0 .3125rem;
font-weight: 500;
transform: scale(1);
@include animation-level(2) {
transition: transform var(--btn-menu-transition);
}
&:active {
transform: scale(.96);
}
// background-blend-mode: overlay, normal;
// @include hover() {
// background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), rgba(0, 0, 0, 0.05);
// }
@include hover-background-effect();
@ -198,7 +218,7 @@
}
&:before {
color: var(--secondary-text-color);
color: var(--primary-text-color);
font-size: var(--icon-size);
}
@ -222,6 +242,7 @@
&,
&-fake {
margin-top: 1px;
pointer-events: none;
}
@ -299,7 +320,7 @@
&-footer {
height: 2.5rem;
background: var(--background-color-true);
// background: var(--background-color-true);
display: flex;
align-items: center;
justify-content: center;
@ -320,32 +341,42 @@
display: block !important;
}
.badge {
background-color: transparent;
color: var(--secondary-text-color);
}
&-reactions {
--inner-shadow-degree: 90deg;
max-width: 100%;
max-height: 100%;
height: inherit;
border-radius: var(--height);
background-color: var(--surface-color);
background-color: var(--menu-background-color);
position: absolute;
opacity: 0;
transform: scale(.8);
// filter: drop-shadow(0 .125rem .5rem rgba(0, 0, 0, .24));
backdrop-filter: var(--menu-backdrop-filter);
filter: drop-shadow(0 .125rem .5rem rgba(0, 0, 0, .24));
transform-origin: bottom left;
&-container {
--height: 2.625rem;
--bubble-side-offset: -2.25rem;
--other-side-offset: -1.5rem;
--width: calc(100% + (var(--bubble-side-offset) + var(--other-side-offset)) * -1);
position: absolute;
top: calc((var(--height) + .5rem) * -1);
--height: 2.25rem;
--bubble-side-offset: 0rem;
--other-side-offset: 0rem;
--width: calc(var(--menu-width) + (var(--bubble-side-offset) + var(--other-side-offset)) * -1);
// position: absolute;
margin-top: calc((var(--height) + .5rem) * -1);
width: var(--width);
max-width: var(--width);
left: var(--other-side-offset);
margin-left: var(--other-side-offset);
// left: var(--bubble-side-offset);
display: flex;
justify-content: flex-end;
// justify-content: flex-end;
justify-content: flex-start;
height: var(--height);
position: fixed;
z-index: 4;
&-vertical {
top: var(--other-side-offset);
@ -440,7 +471,7 @@
}
&-reaction {
--size: 1.75rem;
--size: 1.625rem;
--padding-base: .25rem;
--padding-vertical: 0rem;
--padding-horizontal: var(--padding-base);

28
src/scss/partials/_chat.scss
View File

@ -776,10 +776,24 @@ $background-transition-total-time: #{$input-transition-time - $background-transi
margin-bottom: 1.25rem;
}
.contextmenu {
box-shadow: none !important;
filter: drop-shadow(0 .125rem .5rem var(--menu-box-shadow-color));
}
// .contextmenu {
// box-shadow: none !important;
// filter: drop-shadow(0 .125rem .5rem var(--menu-box-shadow-color));
// background: none !important;
// backdrop-filter: none !important;
// &:before {
// content: " ";
// position: absolute;
// top: 0;
// right: 0;
// bottom: 0;
// left: 0;
// backdrop-filter: var(--menu-backdrop-filter);
// background-color: var(--menu-background-color);
// border-radius: inherit;
// }
// }
}
.chat-input-wrapper {
@ -1169,7 +1183,7 @@ $background-transition-total-time: #{$input-transition-time - $background-transi
.btn-menu {
top: auto;
bottom: calc(100% + 1.0625rem);
bottom: calc(100% + .5rem);
left: 3.125rem;
transform: scale(1) !important;
@ -1182,7 +1196,7 @@ $background-transition-total-time: #{$input-transition-time - $background-transi
.checkbox {
&-field {
--size: 1.5rem;
--size: 1.25rem;
order: 0;
margin: 0 var(--icon-margin) 0 0;
}
@ -1194,7 +1208,7 @@ $background-transition-total-time: #{$input-transition-time - $background-transi
}
&-check use {
stroke: var(--primary-color);
stroke: var(--primary-text-color);
}
}
}

5
src/scss/partials/_chatBubble.scss
View File

@ -461,10 +461,7 @@ $bubble-beside-button-width: 38px;
}
.forward {
svg {
width: 22px;
height: 22px;
}
font-size: 1.25rem;
}
/* &.is-group-first {

2
src/scss/partials/_input.scss
View File

@ -317,7 +317,7 @@ input:focus, button:focus {
line-height: var(--height);
@include animation-level(2) {
transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
transition: /* background-color .2s ease-in-out, */border-color .2s ease-in-out;
}
@include hover() {

2
src/scss/partials/_leftSidebar.scss
View File

@ -315,7 +315,7 @@
}
.btn-menu-item {
padding-right: 1rem;
padding-right: .375rem;
}
.archived-count:empty {

2
src/scss/partials/pages/_chats.scss
View File

@ -119,7 +119,7 @@
@include animation-level(2) {
.main-column {
transition: var(--tabs-transition);
transition: transform var(--tabs-transition), filter var(--tabs-transition);;
}
}
}

25
src/scss/style.scss
View File

@ -91,7 +91,9 @@ $chat-input-inner-padding-handhelds: .25rem;
--esg-sticker-size: 80px;
--disabled-opacity: .3;
--round-video-size: 280px;
--menu-box-shadow: 0px 2px 8px 1px var(--menu-box-shadow-color);
--menu-box-shadow: 0px 0px 10px var(--menu-box-shadow-color);
--menu-background-color: rgba(var(--surface-color-rgb), .75);
--menu-backdrop-filter: blur(50px);
--font-monospace: 'Roboto Mono', monospace;
--font-weight-bold: 500;
@ -179,7 +181,7 @@ $chat-input-inner-padding-handhelds: .25rem;
--surface-color: #fff;
--scrollbar-color: rgba(0, 0, 0, .2);
--section-box-shadow-color: rgba(0, 0, 0, .06);
--menu-box-shadow-color: rgba(0, 0, 0, .24);
--menu-box-shadow-color: rgba(0, 0, 0, .15);
--input-search-background-color: #fff;
--input-search-border-color: #dfe1e5;
@ -1373,16 +1375,17 @@ hr {
}
// ! TEMPORARY
.tgico-reply:before,
.tgico-attach:before,
.tgico-saved:before,
.tgico-phone:before,
// .tgico-reply:before,
// .tgico-attach:before,
// .tgico-saved:before,
// .tgico-phone:before,
.tgico-admin:before,
.tgico-message:before,
.tgico-fontsize:before,
.tgico-forward:before,
.tgico-reply_filled:before,
.tgico-forward_filled:before {
// .tgico-message:before,
.tgico-fontsize:before
// .tgico-forward:before,
// .tgico-reply_filled:before,
// .tgico-forward_filled:before {
{
font-size: 20px !important;
padding: 2px;
}

6
src/scss/tgico/_style.scss
View File

@ -3,9 +3,9 @@
@font-face {
font-family: '#{$tgico-font-family}';
src:
url('#{$tgico-font-path}/#{$tgico-font-family}.ttf?1mzumm') format('truetype'),
url('#{$tgico-font-path}/#{$tgico-font-family}.woff?1mzumm') format('woff'),
url('#{$tgico-font-path}/#{$tgico-font-family}.svg?1mzumm##{$tgico-font-family}') format('svg');
url('#{$tgico-font-path}/#{$tgico-font-family}.ttf?5o4186') format('truetype'),
url('#{$tgico-font-path}/#{$tgico-font-family}.woff?5o4186') format('woff'),
url('#{$tgico-font-path}/#{$tgico-font-family}.svg?5o4186##{$tgico-font-family}') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;