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 { @@ -46,11 +46,8 @@ export default class ChatAudio extends PinnedContainer {
this.divAndCaption.border.remove();
const prevEl = ButtonIcon('pprevious active', {noRipple: true});
const nextEl = ButtonIcon('nnext 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 prevEl = ButtonIcon('fast_rewind active', {noRipple: true});
const nextEl = ButtonIcon('fast_forward active', {noRipple: true});
const attachClick = (elem: HTMLElement, callback: () => void) => {
attachClickEvent(elem, (e) => {

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

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

56
src/scss/partials/_fonts.scss

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

332
src/scss/partials/_ico.scss

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