Browse Source

New icons

master
Eduard Kuzmenko 3 years ago
parent
commit
d885a85e40
  1. 7
      src/components/chat/audio.ts
  2. 2
      src/components/sidebarRight/tabs/editChat.ts
  3. 56
      src/scss/partials/_fonts.scss
  4. 332
      src/scss/partials/_ico.scss

7
src/components/chat/audio.ts

@ -46,11 +46,8 @@ export default class ChatAudio extends PinnedContainer {
this.divAndCaption.border.remove(); this.divAndCaption.border.remove();
const prevEl = ButtonIcon('pprevious active', {noRipple: true}); const prevEl = ButtonIcon('fast_rewind active', {noRipple: true});
const nextEl = ButtonIcon('nnext active', {noRipple: true}); const nextEl = ButtonIcon('fast_forward active', {noRipple: true});
prevEl.innerHTML = `<svg class="missing-icon" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet"><g><path class="missing-icon-path" d="M6 6h2v12H6zm3.5 6l8.5 6V6z"></path></g></svg>`;
nextEl.innerHTML = `<svg class="missing-icon" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet"><g><path class="missing-icon-path" d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"></path></g></svg>`;
const attachClick = (elem: HTMLElement, callback: () => void) => { const attachClick = (elem: HTMLElement, callback: () => void) => {
attachClickEvent(elem, (e) => { attachClickEvent(elem, (e) => {

2
src/components/sidebarRight/tabs/editChat.ts

@ -133,7 +133,7 @@ export default class AppEditChatTab extends SliderSuperTab {
const reactionsRow = new Row({ const reactionsRow = new Row({
titleLangKey: 'Reactions', titleLangKey: 'Reactions',
icon: 'tip', icon: 'reactions',
clickable: () => { clickable: () => {
const tab = new AppChatReactionsTab(this.slider); const tab = new AppChatReactionsTab(this.slider);
tab.chatId = this.chatId; tab.chatId = this.chatId;

56
src/scss/partials/_fonts.scss

@ -9,9 +9,9 @@
@font-face { @font-face {
font-family: "#{$tgico-font-family}"; font-family: "#{$tgico-font-family}";
src: src:
url('#{$tgico-font-path}/#{$tgico-font-family}.ttf?onwvlx') format('truetype'), url('#{$tgico-font-path}/#{$tgico-font-family}.ttf?yaqhmr') format('truetype'),
url('#{$tgico-font-path}/#{$tgico-font-family}.woff?onwvlx') format('woff'), url('#{$tgico-font-path}/#{$tgico-font-family}.woff?yaqhmr') format('woff'),
url('#{$tgico-font-path}/#{$tgico-font-family}.svg?onwvlx#tgico') format('svg'); url('#{$tgico-font-path}/#{$tgico-font-family}.svg?yaqhmr#tgico') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: block; font-display: block;
@ -52,6 +52,11 @@
content: $tgico-activesessions; content: $tgico-activesessions;
} }
} }
.tgico-add_reaction {
&:before {
content: $tgico-add_reaction;
}
}
.tgico-add { .tgico-add {
&:before { &:before {
content: $tgico-add; content: $tgico-add;
@ -327,6 +332,11 @@
content: $tgico-endcall_filled; content: $tgico-endcall_filled;
} }
} }
.tgico-endcall {
&:before {
content: $tgico-endcall;
}
}
.tgico-enter { .tgico-enter {
&:before { &:before {
content: $tgico-enter; content: $tgico-enter;
@ -342,6 +352,16 @@
content: $tgico-eye2; content: $tgico-eye2;
} }
} }
.tgico-fast_forward {
&:before {
content: $tgico-fast_forward;
}
}
.tgico-fast_rewind {
&:before {
content: $tgico-fast_rewind;
}
}
.tgico-favourites { .tgico-favourites {
&:before { &:before {
content: $tgico-favourites; content: $tgico-favourites;
@ -627,6 +647,26 @@
content: $tgico-play; content: $tgico-play;
} }
} }
.tgico-playback_1x {
&:before {
content: $tgico-playback_1x;
}
}
.tgico-playback_2x {
&:before {
content: $tgico-playback_2x;
}
}
.tgico-playback_05 {
&:before {
content: $tgico-playback_05;
}
}
.tgico-playback_15 {
&:before {
content: $tgico-playback_15;
}
}
.tgico-plus { .tgico-plus {
&:before { &:before {
content: $tgico-plus; content: $tgico-plus;
@ -652,6 +692,11 @@
content: $tgico-radioon; content: $tgico-radioon;
} }
} }
.tgico-reactions {
&:before {
content: $tgico-reactions;
}
}
.tgico-readchats { .tgico-readchats {
&:before { &:before {
content: $tgico-readchats; content: $tgico-readchats;
@ -757,6 +802,11 @@
content: $tgico-smile; content: $tgico-smile;
} }
} }
.tgico-spoiler {
&:before {
content: $tgico-spoiler;
}
}
.tgico-sport { .tgico-sport {
&:before { &:before {
content: $tgico-sport; content: $tgico-sport;

332
src/scss/partials/_ico.scss

@ -22,164 +22,174 @@ $tgico-font-path: "assets/fonts" !default;
$tgico-check: "\e900"; $tgico-check: "\e900";
$tgico-checks: "\e901"; $tgico-checks: "\e901";
$tgico-activesessions: "\e902"; $tgico-activesessions: "\e902";
$tgico-add: "\e903"; $tgico-add_reaction: "\e903";
$tgico-addmember_filled: "\e904"; $tgico-add: "\e904";
$tgico-adduser: "\e905"; $tgico-addmember_filled: "\e905";
$tgico-admin: "\e906"; $tgico-adduser: "\e906";
$tgico-animals: "\e907"; $tgico-admin: "\e907";
$tgico-animations: "\e908"; $tgico-animals: "\e908";
$tgico-archive: "\e909"; $tgico-animations: "\e909";
$tgico-arrow_down: "\e90a"; $tgico-archive: "\e90a";
$tgico-arrow_next: "\e90b"; $tgico-arrow_down: "\e90b";
$tgico-attach: "\e90c"; $tgico-arrow_next: "\e90c";
$tgico-avatarnext: "\e90d"; $tgico-attach: "\e90d";
$tgico-avatarprevious: "\e90e"; $tgico-avatarnext: "\e90e";
$tgico-bold: "\e90f"; $tgico-avatarprevious: "\e90f";
$tgico-botcom: "\e910"; $tgico-bold: "\e910";
$tgico-bots: "\e911"; $tgico-botcom: "\e911";
$tgico-bug: "\e912"; $tgico-bots: "\e912";
$tgico-calendar: "\e913"; $tgico-bug: "\e913";
$tgico-calendarfilter: "\e914"; $tgico-calendar: "\e914";
$tgico-camera: "\e915"; $tgico-calendarfilter: "\e915";
$tgico-cameraadd: "\e916"; $tgico-camera: "\e916";
$tgico-car: "\e917"; $tgico-cameraadd: "\e917";
$tgico-channel: "\e918"; $tgico-car: "\e918";
$tgico-channelviews: "\e919"; $tgico-channel: "\e919";
$tgico-chatspinned: "\e91a"; $tgico-channelviews: "\e91a";
$tgico-chatsplaceholder: "\e91b"; $tgico-chatspinned: "\e91b";
$tgico-check1: "\e91c"; $tgico-chatsplaceholder: "\e91c";
$tgico-checkbox: "\e91d"; $tgico-check1: "\e91d";
$tgico-checkboxblock: "\e91e"; $tgico-checkbox: "\e91e";
$tgico-checkboxempty: "\e91f"; $tgico-checkboxblock: "\e91f";
$tgico-checkboxon: "\e920"; $tgico-checkboxempty: "\e920";
$tgico-checkretract: "\e921"; $tgico-checkboxon: "\e921";
$tgico-checkround: "\e922"; $tgico-checkretract: "\e922";
$tgico-close: "\e923"; $tgico-checkround: "\e923";
$tgico-clouddownload: "\e924"; $tgico-close: "\e924";
$tgico-colorize: "\e925"; $tgico-clouddownload: "\e925";
$tgico-comments: "\e926"; $tgico-colorize: "\e926";
$tgico-commentssticker: "\e927"; $tgico-comments: "\e927";
$tgico-copy: "\e928"; $tgico-commentssticker: "\e928";
$tgico-darkmode: "\e929"; $tgico-copy: "\e929";
$tgico-data: "\e92a"; $tgico-darkmode: "\e92a";
$tgico-delete_filled: "\e92b"; $tgico-data: "\e92b";
$tgico-delete: "\e92c"; $tgico-delete_filled: "\e92c";
$tgico-deletedaccount: "\e92d"; $tgico-delete: "\e92d";
$tgico-deleteleft: "\e92e"; $tgico-deletedaccount: "\e92e";
$tgico-deleteuser: "\e92f"; $tgico-deleteleft: "\e92f";
$tgico-devices: "\e930"; $tgico-deleteuser: "\e930";
$tgico-document: "\e931"; $tgico-devices: "\e931";
$tgico-down: "\e932"; $tgico-document: "\e932";
$tgico-download: "\e933"; $tgico-down: "\e933";
$tgico-dragfiles: "\e934"; $tgico-download: "\e934";
$tgico-dragmedia: "\e935"; $tgico-dragfiles: "\e935";
$tgico-eats: "\e936"; $tgico-dragmedia: "\e936";
$tgico-edit: "\e937"; $tgico-eats: "\e937";
$tgico-email: "\e938"; $tgico-edit: "\e938";
$tgico-endcall_filled: "\e939"; $tgico-email: "\e939";
$tgico-enter: "\e93a"; $tgico-endcall_filled: "\e93a";
$tgico-eye1: "\e93b"; $tgico-endcall: "\e93b";
$tgico-eye2: "\e93c"; $tgico-enter: "\e93c";
$tgico-favourites: "\e93d"; $tgico-eye1: "\e93d";
$tgico-flag: "\e93e"; $tgico-eye2: "\e93e";
$tgico-folder: "\e93f"; $tgico-fast_forward: "\e93f";
$tgico-fontsize: "\e940"; $tgico-fast_rewind: "\e940";
$tgico-forward_filled: "\e941"; $tgico-favourites: "\e941";
$tgico-forward: "\e942"; $tgico-flag: "\e942";
$tgico-fullscreen: "\e943"; $tgico-folder: "\e943";
$tgico-gc_microphone: "\e944"; $tgico-fontsize: "\e944";
$tgico-gc_microphoneoff: "\e945"; $tgico-forward_filled: "\e945";
$tgico-gifs: "\e946"; $tgico-forward: "\e946";
$tgico-group: "\e947"; $tgico-fullscreen: "\e947";
$tgico-help: "\e948"; $tgico-gc_microphone: "\e948";
$tgico-image: "\e949"; $tgico-gc_microphoneoff: "\e949";
$tgico-info: "\e94a"; $tgico-gifs: "\e94a";
$tgico-info2: "\e94b"; $tgico-group: "\e94b";
$tgico-italic: "\e94c"; $tgico-help: "\e94c";
$tgico-keyboard: "\e94d"; $tgico-image: "\e94d";
$tgico-lamp: "\e94e"; $tgico-info: "\e94e";
$tgico-language: "\e94f"; $tgico-info2: "\e94f";
$tgico-largepause: "\e950"; $tgico-italic: "\e950";
$tgico-largeplay: "\e951"; $tgico-keyboard: "\e951";
$tgico-left: "\e952"; $tgico-lamp: "\e952";
$tgico-link: "\e953"; $tgico-language: "\e953";
$tgico-listscreenshare: "\e954"; $tgico-largepause: "\e954";
$tgico-livelocation: "\e955"; $tgico-largeplay: "\e955";
$tgico-location: "\e956"; $tgico-left: "\e956";
$tgico-lock: "\e957"; $tgico-link: "\e957";
$tgico-lockoff: "\e958"; $tgico-listscreenshare: "\e958";
$tgico-loginlogodesktop: "\e959"; $tgico-livelocation: "\e959";
$tgico-loginlogomobile: "\e95a"; $tgico-location: "\e95a";
$tgico-logout: "\e95b"; $tgico-lock: "\e95b";
$tgico-mention: "\e95c"; $tgico-lockoff: "\e95c";
$tgico-menu: "\e95d"; $tgico-loginlogodesktop: "\e95d";
$tgico-message: "\e95e"; $tgico-loginlogomobile: "\e95e";
$tgico-messageunread: "\e95f"; $tgico-logout: "\e95f";
$tgico-microphone: "\e960"; $tgico-mention: "\e960";
$tgico-minus: "\e961"; $tgico-menu: "\e961";
$tgico-monospace: "\e962"; $tgico-message: "\e962";
$tgico-more: "\e963"; $tgico-messageunread: "\e963";
$tgico-mute: "\e964"; $tgico-microphone: "\e964";
$tgico-muted: "\e965"; $tgico-minus: "\e965";
$tgico-newchannel: "\e966"; $tgico-monospace: "\e966";
$tgico-newchat_filled: "\e967"; $tgico-more: "\e967";
$tgico-newgroup: "\e968"; $tgico-mute: "\e968";
$tgico-newprivate: "\e969"; $tgico-muted: "\e969";
$tgico-next: "\e96a"; $tgico-newchannel: "\e96a";
$tgico-noncontacts: "\e96b"; $tgico-newchat_filled: "\e96b";
$tgico-nosound: "\e96c"; $tgico-newgroup: "\e96c";
$tgico-passwordoff: "\e96d"; $tgico-newprivate: "\e96d";
$tgico-pause: "\e96e"; $tgico-next: "\e96e";
$tgico-permissions: "\e96f"; $tgico-noncontacts: "\e96f";
$tgico-phone: "\e970"; $tgico-nosound: "\e970";
$tgico-pin: "\e971"; $tgico-passwordoff: "\e971";
$tgico-pinlist: "\e972"; $tgico-pause: "\e972";
$tgico-pinned_filled: "\e973"; $tgico-permissions: "\e973";
$tgico-pinnedchat: "\e974"; $tgico-phone: "\e974";
$tgico-play: "\e975"; $tgico-pin: "\e975";
$tgico-plus: "\e976"; $tgico-pinlist: "\e976";
$tgico-poll: "\e977"; $tgico-pinned_filled: "\e977";
$tgico-previous: "\e978"; $tgico-pinnedchat: "\e978";
$tgico-radiooff: "\e979"; $tgico-play: "\e979";
$tgico-radioon: "\e97a"; $tgico-playback_1x: "\e97a";
$tgico-readchats: "\e97b"; $tgico-playback_2x: "\e97b";
$tgico-recent: "\e97c"; $tgico-playback_05: "\e97c";
$tgico-replace: "\e97d"; $tgico-playback_15: "\e97d";
$tgico-reply_filled: "\e97e"; $tgico-plus: "\e97e";
$tgico-reply: "\e97f"; $tgico-poll: "\e97f";
$tgico-rightpanel: "\e980"; $tgico-previous: "\e980";
$tgico-saved: "\e981"; $tgico-radiooff: "\e981";
$tgico-savedmessages: "\e982"; $tgico-radioon: "\e982";
$tgico-schedule: "\e983"; $tgico-reactions: "\e983";
$tgico-scheduled: "\e984"; $tgico-readchats: "\e984";
$tgico-search: "\e985"; $tgico-recent: "\e985";
$tgico-select: "\e986"; $tgico-replace: "\e986";
$tgico-send: "\e987"; $tgico-reply_filled: "\e987";
$tgico-send2: "\e988"; $tgico-reply: "\e988";
$tgico-sending: "\e989"; $tgico-rightpanel: "\e989";
$tgico-sendingerror: "\e98a"; $tgico-saved: "\e98a";
$tgico-settings_filled: "\e98b"; $tgico-savedmessages: "\e98b";
$tgico-settings: "\e98c"; $tgico-schedule: "\e98c";
$tgico-sharescreen_filled: "\e98d"; $tgico-scheduled: "\e98d";
$tgico-smallscreen: "\e98e"; $tgico-search: "\e98e";
$tgico-smile: "\e98f"; $tgico-select: "\e98f";
$tgico-sport: "\e990"; $tgico-send: "\e990";
$tgico-stickers: "\e991"; $tgico-send2: "\e991";
$tgico-stop: "\e992"; $tgico-sending: "\e992";
$tgico-strikethrough: "\e993"; $tgico-sendingerror: "\e993";
$tgico-textedit: "\e994"; $tgico-settings_filled: "\e994";
$tgico-tip: "\e995"; $tgico-settings: "\e995";
$tgico-tools: "\e996"; $tgico-sharescreen_filled: "\e996";
$tgico-unarchive: "\e997"; $tgico-smallscreen: "\e997";
$tgico-underline: "\e998"; $tgico-smile: "\e998";
$tgico-unmute: "\e999"; $tgico-spoiler: "\e999";
$tgico-unpin: "\e99a"; $tgico-sport: "\e99a";
$tgico-unread: "\e99b"; $tgico-stickers: "\e99b";
$tgico-up: "\e99c"; $tgico-stop: "\e99c";
$tgico-user: "\e99d"; $tgico-strikethrough: "\e99d";
$tgico-username: "\e99e"; $tgico-textedit: "\e99e";
$tgico-videocamera_filled: "\e99f"; $tgico-tip: "\e99f";
$tgico-videocamera: "\e9a0"; $tgico-tools: "\e9a0";
$tgico-videochat: "\e9a1"; $tgico-unarchive: "\e9a1";
$tgico-zoomin: "\e9a2"; $tgico-underline: "\e9a2";
$tgico-zoomout: "\e9a3"; $tgico-unmute: "\e9a3";
$tgico-unpin: "\e9a4";
$tgico-unread: "\e9a5";
$tgico-up: "\e9a6";
$tgico-user: "\e9a7";
$tgico-username: "\e9a8";
$tgico-videocamera_filled: "\e9a9";
$tgico-videocamera: "\e9aa";
$tgico-videochat: "\e9ab";
$tgico-zoomin: "\e9ac";
$tgico-zoomout: "\e9ad";

Loading…
Cancel
Save