Icons: Add reorder-tabs and update notes (#6445)

This commit is contained in:
Alexander Zinchuk 2025-11-06 11:36:57 +01:00
parent 258bdae6e1
commit 000553fb7a
8 changed files with 198 additions and 192 deletions

View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M20 0H8.6C5.5 0 2.9 2.6 2.9 5.7v20.5c0 3.2 2.6 5.7 5.7 5.7h14.7c3.2 0 5.7-2.6 5.7-5.7V9.1q0-.9-.6-1.5L21.6.7c-.4-.4-1-.6-1.5-.6Zm-.1 2.5 6.7 6.7h-3.5c-1.8 0-3.2-1.4-3.2-3.2zm3.5 27H8.7c-1.8 0-3.2-1.4-3.2-3.2V5.7c0-1.8 1.4-3.2 3.2-3.2h8.7V6c0 3.2 2.6 5.7 5.7 5.7h3.5v14.5c0 1.8-1.4 3.2-3.2 3.2Z" class="st0"/><path d="M8.9 18.7H23v2.5H8.9zM8.9 23.6H21v2.5H8.9zM8.9 13.7H23v2.5H8.9z" class="st0"/></svg> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M29.95 10.06a4.33 4.33 0 0 0-4.94-3.62l-.44.07c-.06-.8-.34-1.57-.82-2.23-.69-.93-1.7-1.54-2.84-1.71L7.66.56c-.99-.15-2.03-.03-2.91.47a4.32 4.32 0 0 0-2.19 3.15L.45 18.59c-.2 1.33.21 2.65 1.16 3.65.69.73 1.65 1.16 2.64 1.31l5.46.82.55 3.45a4.345 4.345 0 0 0 4.28 3.68c.22 0 .44-.02.66-.05l8.17-1.25c.4-.06.77-.27 1.03-.58l6.8-8.02c.32-.38.46-.87.38-1.36l-1.63-10.19ZM4.46 21.05c-.48-.07-.91-.33-1.2-.72a1.8 1.8 0 0 1-.33-1.37L5.04 4.54c.07-.48.33-.91.72-1.2s.87-.41 1.36-.34l13.41 2.03c.48.07.91.33 1.2.72.24.33.36.72.35 1.12L11.6 8.48c-1.14.17-2.15.79-2.84 1.72-.68.93-.96 2.08-.79 3.23l1.32 8.35-4.84-.73Zm10.35 7.93c-1 .14-1.94-.54-2.09-1.54l-2.28-14.39a1.83 1.83 0 0 1 1.53-2.09L25.38 8.9a1.835 1.835 0 0 1 2.09 1.54l1.26 7.88-5 .77c-1.14.17-2.15.79-2.83 1.72-.69.93-.97 2.08-.79 3.22l.61 4s.01.02.01.04l-5.93.91Zm8.33-1.74-.55-3.59c-.07-.48.04-.97.33-1.36s.72-.65 1.2-.73l4.41-.68z"/><path d="m25.82 12.38-13.05 2"/><path d="m12.572 13.146 13.058-2.003.379 2.471-13.058 2.003z"/><path d="m22.94 16.9-9.56 1.47"/><path d="m13.19 17.131 9.558-1.466.379 2.471-9.559 1.466z"/></svg>

Before

Width:  |  Height:  |  Size: 470 B

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M7.38 26.33H5.06c-1.66 0-3.01-1.35-3.01-3.01V21c0-1.66 1.35-3.01 3.01-3.01h2.32c1.66 0 3.01 1.35 3.01 3.01v2.32c0 1.66-1.35 3.01-3.01 3.01M5.06 20c-.55 0-1 .45-1 1v2.33c0 .55.45 1 1 1h2.33c.55 0 1-.45 1-1V21c0-.55-.45-1-1-1zM17.16 26.33h-2.32c-1.66 0-3.01-1.35-3.01-3.01V21c0-1.66 1.35-3.01 3.01-3.01h2.32c1.66 0 3.01 1.35 3.01 3.01v2.32c0 1.66-1.35 3.01-3.01 3.01M14.83 20c-.55 0-1 .45-1 1v2.33c0 .55.45 1 1 1h2.33c.55 0 1-.45 1-1V21c0-.55-.45-1-1-1zM26.94 26.33h-2.32c-1.66 0-3.01-1.35-3.01-3.01V21c0-1.66 1.35-3.01 3.01-3.01h2.32c1.66 0 3.01 1.35 3.01 3.01v2.32c0 1.66-1.35 3.01-3.01 3.01M24.61 20c-.55 0-1 .45-1 1v2.33c0 .55.45 1 1 1h2.33c.55 0 1-.45 1-1V21c0-.55-.45-1-1-1zM25.78 15.26c-.55 0-1-.45-1-1V8.34c0-.32-.41-.67-1.01-.67H8.23c-.59 0-1.01.35-1.01.67v5.92c0 .55-.45 1-1 1s-1-.45-1-1V8.34c0-1.47 1.35-2.67 3.01-2.67h15.54c1.66 0 3.01 1.2 3.01 2.67v5.92c0 .55-.45 1-1 1" class="cls-1"/><path d="M6.22 15.99c-.27 0-.52-.11-.71-.29l-3.14-3.15a.996.996 0 1 1 1.41-1.41l2.44 2.44 2.44-2.44a.996.996 0 1 1 1.41 1.41L6.93 15.7a1 1 0 0 1-.71.29"/></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -394,7 +394,7 @@ const Profile = ({
const contextActions: MenuItemContextAction[] | undefined = canUpdateMainTab && mainTab !== tab.type const contextActions: MenuItemContextAction[] | undefined = canUpdateMainTab && mainTab !== tab.type
&& validMainTabTypes.has(tab.type) ? [{ && validMainTabTypes.has(tab.type) ? [{
title: lang('ProfileMenuSetMainTab'), title: lang('ProfileMenuSetMainTab'),
icon: 'replace', icon: 'reorder-tabs',
handler: () => { handler: () => {
setMainProfileTab({ chatId, tab: tab.type as ApiProfileTab }); setMainProfileTab({ chatId, tab: tab.type as ApiProfileTab });
}, },

View File

@ -3,8 +3,8 @@
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: block; font-display: block;
src: url("./icons.woff2?ef047748945945a49b46209abb54795c") format("woff2"), src: url("./icons.woff2?cba4fd3111b01885aeeafb1a9ec56b6b") format("woff2"),
url("./icons.woff?ef047748945945a49b46209abb54795c") format("woff"); url("./icons.woff?cba4fd3111b01885aeeafb1a9ec56b6b") format("woff");
} }
.icon-char::before { .icon-char::before {
@ -624,285 +624,288 @@ url("./icons.woff?ef047748945945a49b46209abb54795c") format("woff");
.icon-reopen-topic::before { .icon-reopen-topic::before {
content: "\f1c9"; content: "\f1c9";
} }
.icon-replace::before { .icon-reorder-tabs::before {
content: "\f1ca"; content: "\f1ca";
} }
.icon-replies::before { .icon-replace::before {
content: "\f1cb"; content: "\f1cb";
} }
.icon-reply-filled::before { .icon-replies::before {
content: "\f1cc"; content: "\f1cc";
} }
.icon-reply::before { .icon-reply-filled::before {
content: "\f1cd"; content: "\f1cd";
} }
.icon-revenue-split::before { .icon-reply::before {
content: "\f1ce"; content: "\f1ce";
} }
.icon-revote::before { .icon-revenue-split::before {
content: "\f1cf"; content: "\f1cf";
} }
.icon-save-story::before { .icon-revote::before {
content: "\f1d0"; content: "\f1d0";
} }
.icon-saved-messages::before { .icon-save-story::before {
content: "\f1d1"; content: "\f1d1";
} }
.icon-schedule::before { .icon-saved-messages::before {
content: "\f1d2"; content: "\f1d2";
} }
.icon-scheduled::before { .icon-schedule::before {
content: "\f1d3"; content: "\f1d3";
} }
.icon-sd-photo::before { .icon-scheduled::before {
content: "\f1d4"; content: "\f1d4";
} }
.icon-search::before { .icon-sd-photo::before {
content: "\f1d5"; content: "\f1d5";
} }
.icon-select::before { .icon-search::before {
content: "\f1d6"; content: "\f1d6";
} }
.icon-sell-outline::before { .icon-select::before {
content: "\f1d7"; content: "\f1d7";
} }
.icon-sell::before { .icon-sell-outline::before {
content: "\f1d8"; content: "\f1d8";
} }
.icon-send-outline::before { .icon-sell::before {
content: "\f1d9"; content: "\f1d9";
} }
.icon-send::before { .icon-send-outline::before {
content: "\f1da"; content: "\f1da";
} }
.icon-settings-filled::before { .icon-send::before {
content: "\f1db"; content: "\f1db";
} }
.icon-settings::before { .icon-settings-filled::before {
content: "\f1dc"; content: "\f1dc";
} }
.icon-share-filled::before { .icon-settings::before {
content: "\f1dd"; content: "\f1dd";
} }
.icon-share-screen-outlined::before { .icon-share-filled::before {
content: "\f1de"; content: "\f1de";
} }
.icon-share-screen-stop::before { .icon-share-screen-outlined::before {
content: "\f1df"; content: "\f1df";
} }
.icon-share-screen::before { .icon-share-screen-stop::before {
content: "\f1e0"; content: "\f1e0";
} }
.icon-show-message::before { .icon-share-screen::before {
content: "\f1e1"; content: "\f1e1";
} }
.icon-sidebar::before { .icon-show-message::before {
content: "\f1e2"; content: "\f1e2";
} }
.icon-skip-next::before { .icon-sidebar::before {
content: "\f1e3"; content: "\f1e3";
} }
.icon-skip-previous::before { .icon-skip-next::before {
content: "\f1e4"; content: "\f1e4";
} }
.icon-smallscreen::before { .icon-skip-previous::before {
content: "\f1e5"; content: "\f1e5";
} }
.icon-smile::before { .icon-smallscreen::before {
content: "\f1e6"; content: "\f1e6";
} }
.icon-sort-by-date::before { .icon-smile::before {
content: "\f1e7"; content: "\f1e7";
} }
.icon-sort-by-number::before { .icon-sort-by-date::before {
content: "\f1e8"; content: "\f1e8";
} }
.icon-sort-by-price::before { .icon-sort-by-number::before {
content: "\f1e9"; content: "\f1e9";
} }
.icon-sort::before { .icon-sort-by-price::before {
content: "\f1ea"; content: "\f1ea";
} }
.icon-speaker-muted-story::before { .icon-sort::before {
content: "\f1eb"; content: "\f1eb";
} }
.icon-speaker-outline::before { .icon-speaker-muted-story::before {
content: "\f1ec"; content: "\f1ec";
} }
.icon-speaker-story::before { .icon-speaker-outline::before {
content: "\f1ed"; content: "\f1ed";
} }
.icon-speaker::before { .icon-speaker-story::before {
content: "\f1ee"; content: "\f1ee";
} }
.icon-spoiler-disable::before { .icon-speaker::before {
content: "\f1ef"; content: "\f1ef";
} }
.icon-spoiler::before { .icon-spoiler-disable::before {
content: "\f1f0"; content: "\f1f0";
} }
.icon-sport::before { .icon-spoiler::before {
content: "\f1f1"; content: "\f1f1";
} }
.icon-star::before { .icon-sport::before {
content: "\f1f2"; content: "\f1f2";
} }
.icon-stars-lock::before { .icon-star::before {
content: "\f1f3"; content: "\f1f3";
} }
.icon-stars-refund::before { .icon-stars-lock::before {
content: "\f1f4"; content: "\f1f4";
} }
.icon-stats::before { .icon-stars-refund::before {
content: "\f1f5"; content: "\f1f5";
} }
.icon-stealth-future::before { .icon-stats::before {
content: "\f1f6"; content: "\f1f6";
} }
.icon-stealth-past::before { .icon-stealth-future::before {
content: "\f1f7"; content: "\f1f7";
} }
.icon-stickers::before { .icon-stealth-past::before {
content: "\f1f8"; content: "\f1f8";
} }
.icon-stop-raising-hand::before { .icon-stickers::before {
content: "\f1f9"; content: "\f1f9";
} }
.icon-stop::before { .icon-stop-raising-hand::before {
content: "\f1fa"; content: "\f1fa";
} }
.icon-story-caption::before { .icon-stop::before {
content: "\f1fb"; content: "\f1fb";
} }
.icon-story-expired::before { .icon-story-caption::before {
content: "\f1fc"; content: "\f1fc";
} }
.icon-story-priority::before { .icon-story-expired::before {
content: "\f1fd"; content: "\f1fd";
} }
.icon-story-reply::before { .icon-story-priority::before {
content: "\f1fe"; content: "\f1fe";
} }
.icon-strikethrough::before { .icon-story-reply::before {
content: "\f1ff"; content: "\f1ff";
} }
.icon-tag-add::before { .icon-strikethrough::before {
content: "\f200"; content: "\f200";
} }
.icon-tag-crossed::before { .icon-tag-add::before {
content: "\f201"; content: "\f201";
} }
.icon-tag-filter::before { .icon-tag-crossed::before {
content: "\f202"; content: "\f202";
} }
.icon-tag-name::before { .icon-tag-filter::before {
content: "\f203"; content: "\f203";
} }
.icon-tag::before { .icon-tag-name::before {
content: "\f204"; content: "\f204";
} }
.icon-timer::before { .icon-tag::before {
content: "\f205"; content: "\f205";
} }
.icon-toncoin::before { .icon-timer::before {
content: "\f206"; content: "\f206";
} }
.icon-trade::before { .icon-toncoin::before {
content: "\f207"; content: "\f207";
} }
.icon-transcribe::before { .icon-trade::before {
content: "\f208"; content: "\f208";
} }
.icon-truck::before { .icon-transcribe::before {
content: "\f209"; content: "\f209";
} }
.icon-unarchive::before { .icon-truck::before {
content: "\f20a"; content: "\f20a";
} }
.icon-underlined::before { .icon-unarchive::before {
content: "\f20b"; content: "\f20b";
} }
.icon-understood::before { .icon-underlined::before {
content: "\f20c"; content: "\f20c";
} }
.icon-unique-profile::before { .icon-understood::before {
content: "\f20d"; content: "\f20d";
} }
.icon-unlist-outline::before { .icon-unique-profile::before {
content: "\f20e"; content: "\f20e";
} }
.icon-unlist::before { .icon-unlist-outline::before {
content: "\f20f"; content: "\f20f";
} }
.icon-unlock-badge::before { .icon-unlist::before {
content: "\f210"; content: "\f210";
} }
.icon-unlock::before { .icon-unlock-badge::before {
content: "\f211"; content: "\f211";
} }
.icon-unmute::before { .icon-unlock::before {
content: "\f212"; content: "\f212";
} }
.icon-unpin::before { .icon-unmute::before {
content: "\f213"; content: "\f213";
} }
.icon-unread::before { .icon-unpin::before {
content: "\f214"; content: "\f214";
} }
.icon-up::before { .icon-unread::before {
content: "\f215"; content: "\f215";
} }
.icon-user-filled::before { .icon-up::before {
content: "\f216"; content: "\f216";
} }
.icon-user-online::before { .icon-user-filled::before {
content: "\f217"; content: "\f217";
} }
.icon-user-stars::before { .icon-user-online::before {
content: "\f218"; content: "\f218";
} }
.icon-user::before { .icon-user-stars::before {
content: "\f219"; content: "\f219";
} }
.icon-video-outlined::before { .icon-user::before {
content: "\f21a"; content: "\f21a";
} }
.icon-video-stop::before { .icon-video-outlined::before {
content: "\f21b"; content: "\f21b";
} }
.icon-video::before { .icon-video-stop::before {
content: "\f21c"; content: "\f21c";
} }
.icon-view-once::before { .icon-video::before {
content: "\f21d"; content: "\f21d";
} }
.icon-voice-chat::before { .icon-view-once::before {
content: "\f21e"; content: "\f21e";
} }
.icon-volume-1::before { .icon-voice-chat::before {
content: "\f21f"; content: "\f21f";
} }
.icon-volume-2::before { .icon-volume-1::before {
content: "\f220"; content: "\f220";
} }
.icon-volume-3::before { .icon-volume-2::before {
content: "\f221"; content: "\f221";
} }
.icon-warning::before { .icon-volume-3::before {
content: "\f222"; content: "\f222";
} }
.icon-web::before { .icon-warning::before {
content: "\f223"; content: "\f223";
} }
.icon-webapp::before { .icon-web::before {
content: "\f224"; content: "\f224";
} }
.icon-word-wrap::before { .icon-webapp::before {
content: "\f225"; content: "\f225";
} }
.icon-zoom-in::before { .icon-word-wrap::before {
content: "\f226"; content: "\f226";
} }
.icon-zoom-out::before { .icon-zoom-in::before {
content: "\f227"; content: "\f227";
} }
.icon-zoom-out::before {
content: "\f228";
}

View File

@ -217,98 +217,99 @@ $icons-map: (
"remove-quote": "\f1c7", "remove-quote": "\f1c7",
"remove": "\f1c8", "remove": "\f1c8",
"reopen-topic": "\f1c9", "reopen-topic": "\f1c9",
"replace": "\f1ca", "reorder-tabs": "\f1ca",
"replies": "\f1cb", "replace": "\f1cb",
"reply-filled": "\f1cc", "replies": "\f1cc",
"reply": "\f1cd", "reply-filled": "\f1cd",
"revenue-split": "\f1ce", "reply": "\f1ce",
"revote": "\f1cf", "revenue-split": "\f1cf",
"save-story": "\f1d0", "revote": "\f1d0",
"saved-messages": "\f1d1", "save-story": "\f1d1",
"schedule": "\f1d2", "saved-messages": "\f1d2",
"scheduled": "\f1d3", "schedule": "\f1d3",
"sd-photo": "\f1d4", "scheduled": "\f1d4",
"search": "\f1d5", "sd-photo": "\f1d5",
"select": "\f1d6", "search": "\f1d6",
"sell-outline": "\f1d7", "select": "\f1d7",
"sell": "\f1d8", "sell-outline": "\f1d8",
"send-outline": "\f1d9", "sell": "\f1d9",
"send": "\f1da", "send-outline": "\f1da",
"settings-filled": "\f1db", "send": "\f1db",
"settings": "\f1dc", "settings-filled": "\f1dc",
"share-filled": "\f1dd", "settings": "\f1dd",
"share-screen-outlined": "\f1de", "share-filled": "\f1de",
"share-screen-stop": "\f1df", "share-screen-outlined": "\f1df",
"share-screen": "\f1e0", "share-screen-stop": "\f1e0",
"show-message": "\f1e1", "share-screen": "\f1e1",
"sidebar": "\f1e2", "show-message": "\f1e2",
"skip-next": "\f1e3", "sidebar": "\f1e3",
"skip-previous": "\f1e4", "skip-next": "\f1e4",
"smallscreen": "\f1e5", "skip-previous": "\f1e5",
"smile": "\f1e6", "smallscreen": "\f1e6",
"sort-by-date": "\f1e7", "smile": "\f1e7",
"sort-by-number": "\f1e8", "sort-by-date": "\f1e8",
"sort-by-price": "\f1e9", "sort-by-number": "\f1e9",
"sort": "\f1ea", "sort-by-price": "\f1ea",
"speaker-muted-story": "\f1eb", "sort": "\f1eb",
"speaker-outline": "\f1ec", "speaker-muted-story": "\f1ec",
"speaker-story": "\f1ed", "speaker-outline": "\f1ed",
"speaker": "\f1ee", "speaker-story": "\f1ee",
"spoiler-disable": "\f1ef", "speaker": "\f1ef",
"spoiler": "\f1f0", "spoiler-disable": "\f1f0",
"sport": "\f1f1", "spoiler": "\f1f1",
"star": "\f1f2", "sport": "\f1f2",
"stars-lock": "\f1f3", "star": "\f1f3",
"stars-refund": "\f1f4", "stars-lock": "\f1f4",
"stats": "\f1f5", "stars-refund": "\f1f5",
"stealth-future": "\f1f6", "stats": "\f1f6",
"stealth-past": "\f1f7", "stealth-future": "\f1f7",
"stickers": "\f1f8", "stealth-past": "\f1f8",
"stop-raising-hand": "\f1f9", "stickers": "\f1f9",
"stop": "\f1fa", "stop-raising-hand": "\f1fa",
"story-caption": "\f1fb", "stop": "\f1fb",
"story-expired": "\f1fc", "story-caption": "\f1fc",
"story-priority": "\f1fd", "story-expired": "\f1fd",
"story-reply": "\f1fe", "story-priority": "\f1fe",
"strikethrough": "\f1ff", "story-reply": "\f1ff",
"tag-add": "\f200", "strikethrough": "\f200",
"tag-crossed": "\f201", "tag-add": "\f201",
"tag-filter": "\f202", "tag-crossed": "\f202",
"tag-name": "\f203", "tag-filter": "\f203",
"tag": "\f204", "tag-name": "\f204",
"timer": "\f205", "tag": "\f205",
"toncoin": "\f206", "timer": "\f206",
"trade": "\f207", "toncoin": "\f207",
"transcribe": "\f208", "trade": "\f208",
"truck": "\f209", "transcribe": "\f209",
"unarchive": "\f20a", "truck": "\f20a",
"underlined": "\f20b", "unarchive": "\f20b",
"understood": "\f20c", "underlined": "\f20c",
"unique-profile": "\f20d", "understood": "\f20d",
"unlist-outline": "\f20e", "unique-profile": "\f20e",
"unlist": "\f20f", "unlist-outline": "\f20f",
"unlock-badge": "\f210", "unlist": "\f210",
"unlock": "\f211", "unlock-badge": "\f211",
"unmute": "\f212", "unlock": "\f212",
"unpin": "\f213", "unmute": "\f213",
"unread": "\f214", "unpin": "\f214",
"up": "\f215", "unread": "\f215",
"user-filled": "\f216", "up": "\f216",
"user-online": "\f217", "user-filled": "\f217",
"user-stars": "\f218", "user-online": "\f218",
"user": "\f219", "user-stars": "\f219",
"video-outlined": "\f21a", "user": "\f21a",
"video-stop": "\f21b", "video-outlined": "\f21b",
"video": "\f21c", "video-stop": "\f21c",
"view-once": "\f21d", "video": "\f21d",
"voice-chat": "\f21e", "view-once": "\f21e",
"volume-1": "\f21f", "voice-chat": "\f21f",
"volume-2": "\f220", "volume-1": "\f220",
"volume-3": "\f221", "volume-2": "\f221",
"warning": "\f222", "volume-3": "\f222",
"web": "\f223", "warning": "\f223",
"webapp": "\f224", "web": "\f224",
"word-wrap": "\f225", "webapp": "\f225",
"zoom-in": "\f226", "word-wrap": "\f226",
"zoom-out": "\f227", "zoom-in": "\f227",
"zoom-out": "\f228",
); );

Binary file not shown.

Binary file not shown.

View File

@ -200,6 +200,7 @@ export type FontIconName =
| 'remove-quote' | 'remove-quote'
| 'remove' | 'remove'
| 'reopen-topic' | 'reopen-topic'
| 'reorder-tabs'
| 'replace' | 'replace'
| 'replies' | 'replies'
| 'reply-filled' | 'reply-filled'