From aafa1f00bb5462a10632b25558bd0c3a34052d46 Mon Sep 17 00:00:00 2001 From: morethanwords Date: Sat, 30 May 2020 22:09:44 +0300 Subject: [PATCH] Third tour prepare: New icons --- src/assets/fonts/tgico.eot | Bin 23516 -> 27744 bytes src/assets/fonts/tgico.svg | 210 ++++++++++---------- src/assets/fonts/tgico.ttf | Bin 23352 -> 27580 bytes src/assets/fonts/tgico.woff | Bin 23428 -> 27656 bytes src/components/wrappers.ts | 4 +- src/lib/appManagers/appImManager.ts | 79 ++++---- src/lib/appManagers/appPhotosManager.ts | 2 +- src/scss/partials/_chatBubble.scss | 8 +- src/scss/partials/_emojiDropdown.scss | 2 +- src/scss/partials/_fonts.scss | 250 ++++++++++++++---------- src/scss/partials/_ico.scss | 8 +- 11 files changed, 310 insertions(+), 253 deletions(-) diff --git a/src/assets/fonts/tgico.eot b/src/assets/fonts/tgico.eot index 0bd23a104be230828cfa61b75a49a51c1ea82f3c..6e0ddc74d00dc408951361b5ce8258d1b3c50614 100644 GIT binary patch delta 4956 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 CQOl$N diff --git a/src/assets/fonts/tgico.svg b/src/assets/fonts/tgico.svg index 2ad13550..e314cbfb 100644 --- a/src/assets/fonts/tgico.svg +++ b/src/assets/fonts/tgico.svg @@ -7,102 +7,116 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/fonts/tgico.ttf b/src/assets/fonts/tgico.ttf index 9bdcff3accc19e4ec8696bcd4b4a2b3238d1b6d7..65da5d36f692e358b5254c986b56995833b54056 100644 GIT binary patch delta 4935 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 VW&yne$`5IbrVJdL|7GrD1OP8{%OC&% diff --git a/src/assets/fonts/tgico.woff b/src/assets/fonts/tgico.woff index ee8dd3cedb087ecfb373cae95a31b815bff82583..c5d66f39c31f61980a6d2b3444bfb5c2005684c8 100644 GIT binary patch delta 4992 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 o@bK{CIe+d0xz&6q{}s3>+RX|rLb`?jV!Z delta 924 zcmYk5ZAg<*6vyw~i<@(9I_Ku5?nSq$6V%Am4`LuTN+nBt$t-i|UNTKZ%Lz6O%v40O zhr&#Qg8Wbr!z(G#hoU}&ghX$MS|22$pu{XGEUE@wR<6@S2!g=m*fp7w%BNM#1BEr{fqNbhZG_kjlU=_oQx(=RkO*MTqZ z*f%iEBe7i}#Z68hY+QvKn|PXO_E~3>3$$fu>_cu8hW>47Zfl3HsUP`QLY-VOErRzb zeaftr>tZgcW`Pye&WqTFE0c0M*D~uYjuEofBhw-5(0&``err~kF27dDzB;amnK-*Z z%047+3b{AQpV>A0EM>a1w?cL<^QwS#=u0U}i4O?4i>5(t$vDZro7X6tkk1O)ZPj}T zs}>Z)^Q2d~x9hx#2q3_E184>A z1F5?xha9;K3K^Kk>lb2s;!JU+aYJ!)@wRxsA;I7_JTm4P2aQvv9MiPfU@kKc zC#Vuu5@#)Ti_bD=S+hE boolean, size: MTPhotoSize = null) { +export function wrapPhoto(photoID: string, message: any, container: HTMLDivElement, boxWidth = 480, boxHeight = 480, withTail = true, isOut = false, lazyLoadQueue: LazyLoadQueue, middleware: () => boolean, size: MTPhotoSize = null) { let photo = appPhotosManager.getPhoto(photoID); let image: HTMLImageElement; @@ -940,7 +940,7 @@ export function wrapAlbum({groupID, attachmentDiv, middleware, uploading, lazyLo let m = appMessagesManager.getMessage(+mid); let media = m.media.photo || m.media.document; - let size: any = media._ == 'photo' ? appPhotosManager.choosePhotoSize(media, 380, 380) : {w: media.w, h: media.h}; + let size: any = media._ == 'photo' ? appPhotosManager.choosePhotoSize(media, 480, 480) : {w: media.w, h: media.h}; items.push({size, media, message: m}); } diff --git a/src/lib/appManagers/appImManager.ts b/src/lib/appManagers/appImManager.ts index 62b64374..6347f035 100644 --- a/src/lib/appManagers/appImManager.ts +++ b/src/lib/appManagers/appImManager.ts @@ -1722,8 +1722,8 @@ export class AppImManager { doc, container: attachmentDiv, message, - boxWidth: 380, - boxHeight: 380, + boxWidth: 480, + boxHeight: 480, withTail: doc.type != 'round', isOut: isOut, lazyLoadQueue: this.lazyLoadQueue, @@ -1793,16 +1793,7 @@ export class AppImManager { let quote = document.createElement('div'); quote.classList.add('quote'); - - let nameEl = document.createElement('a'); - nameEl.classList.add('name'); - - let titleDiv = document.createElement('div'); - titleDiv.classList.add('title'); - - let textDiv = document.createElement('div'); - textDiv.classList.add('text'); - + let preview: HTMLDivElement = null; if(webpage.photo || webpage.document) { preview = document.createElement('div'); @@ -1820,8 +1811,8 @@ export class AppImManager { doc, container: preview, message, - boxWidth: 380, - boxHeight: 300, + boxWidth: 480, + boxHeight: 400, lazyLoadQueue: this.lazyLoadQueue, middleware: this.getMiddleware(), isOut @@ -1832,40 +1823,50 @@ export class AppImManager { } } - if(webpage.photo && !doc) { - bubble.classList.add('photo'); - - const size = webpage.photo.sizes[webpage.photo.sizes.length - 1]; - if(size.w == size.h) { - bubble.classList.add('is-square-photo'); - } else if(size.h > size.w) { - bubble.classList.add('is-vertical-photo'); - } - - wrapPhoto(webpage.photo.id, message, preview, 380, 300, false, null, this.lazyLoadQueue, this.getMiddleware()); - } - if(preview) { quote.append(preview); } - nameEl.setAttribute('target', '_blank'); - nameEl.href = webpage.url || '#'; - nameEl.innerHTML = webpage.site_name ? RichTextProcessor.wrapEmojiText(webpage.site_name) : ''; - - if(webpage.description) { - textDiv.innerHTML = RichTextProcessor.wrapRichText(webpage.description); + let quoteTextDiv = document.createElement('div'); + quoteTextDiv.classList.add('quote-text'); + + if(webpage.site_name) { + let nameEl = document.createElement('a'); + nameEl.classList.add('name'); + nameEl.setAttribute('target', '_blank'); + nameEl.href = webpage.url || '#'; + nameEl.innerHTML = RichTextProcessor.wrapEmojiText(webpage.site_name); + quoteTextDiv.append(nameEl); } - + if(webpage.title) { + let titleDiv = document.createElement('div'); + titleDiv.classList.add('title'); titleDiv.innerHTML = RichTextProcessor.wrapRichText(webpage.title); + quoteTextDiv.append(titleDiv); } - let quoteTextDiv = document.createElement('div'); - quoteTextDiv.classList.add('quote-text'); - quoteTextDiv.append(nameEl, titleDiv, textDiv); + if(webpage.description) { + let textDiv = document.createElement('div'); + textDiv.classList.add('text'); + textDiv.innerHTML = RichTextProcessor.wrapRichText(webpage.description); + quoteTextDiv.append(textDiv); + } quote.append(quoteTextDiv); + + if(webpage.photo && !doc) { + bubble.classList.add('photo'); + + const size = webpage.photo.sizes[webpage.photo.sizes.length - 1]; + if(size.w == size.h && quoteTextDiv.childElementCount) { + bubble.classList.add('is-square-photo'); + } else if(size.h > size.w) { + bubble.classList.add('is-vertical-photo'); + } + + wrapPhoto(webpage.photo.id, message, preview, 480, 400, false, null, this.lazyLoadQueue, this.getMiddleware()); + } box.append(quote); @@ -1929,8 +1930,8 @@ export class AppImManager { doc, container: attachmentDiv, message, - boxWidth: 380, - boxHeight: 380, + boxWidth: 480, + boxHeight: 480, withTail: doc.type != 'round', isOut: isOut, lazyLoadQueue: this.lazyLoadQueue, diff --git a/src/lib/appManagers/appPhotosManager.ts b/src/lib/appManagers/appPhotosManager.ts index 02a70e9b..a4b05971 100644 --- a/src/lib/appManagers/appPhotosManager.ts +++ b/src/lib/appManagers/appPhotosManager.ts @@ -231,7 +231,7 @@ export class AppPhotosManager { } } - public setAttachmentSize(photoID: any, element: HTMLElement | SVGForeignObjectElement, boxWidth = 380, boxHeight = 380, isSticker = false) { + public setAttachmentSize(photoID: any, element: HTMLElement | SVGForeignObjectElement, boxWidth = 480, boxHeight = 480, isSticker = false) { let photo: /* MTDocument | MTPhoto */any = null; if(typeof(photoID) === 'string') { diff --git a/src/scss/partials/_chatBubble.scss b/src/scss/partials/_chatBubble.scss index 82a03f00..d7804ce9 100644 --- a/src/scss/partials/_chatBubble.scss +++ b/src/scss/partials/_chatBubble.scss @@ -414,8 +414,8 @@ &:not(.sticker) { .attachment { - max-width: 380px; - max-height: 380px; + max-width: 480px; + max-height: 480px; width: max-content; } @@ -491,8 +491,8 @@ overflow: hidden; .preview { - max-height: 300px; - max-width: 380px; + max-height: 400px; + max-width: 480px; /* max-height: 100%; max-width: 100%; */ border-radius: 4px; diff --git a/src/scss/partials/_emojiDropdown.scss b/src/scss/partials/_emojiDropdown.scss index cd69c73c..86c9360f 100644 --- a/src/scss/partials/_emojiDropdown.scss +++ b/src/scss/partials/_emojiDropdown.scss @@ -9,7 +9,7 @@ background: #fff; box-shadow: 0px 5px 10px 5px rgba(16, 35, 47, 0.14); border-radius: 10px; - z-index: 2; + z-index: 3; /* display: none; */ display: flex; overflow: hidden; diff --git a/src/scss/partials/_fonts.scss b/src/scss/partials/_fonts.scss index dfa0d3a1..b8d02a4c 100644 --- a/src/scss/partials/_fonts.scss +++ b/src/scss/partials/_fonts.scss @@ -35,294 +35,336 @@ .tgico-check:before { content: $tgico-check; } -.tgico-settings:before { - content: "\e901"; +.tgico-checks:before { + content: $tgico-checks; } -.tgico-smallscreen:before { +.tgico-activesessions:before { content: "\e902"; } -.tgico-smile:before { +.tgico-add:before { content: "\e903"; } -.tgico-sport:before { +.tgico-addmember_filled:before { content: "\e904"; } -.tgico-stop:before { +.tgico-adduser:before { content: "\e905"; } -.tgico-unarchive:before { +.tgico-admin:before { content: "\e906"; } -.tgico-unlock:before { +.tgico-animals:before { content: "\e907"; } -.tgico-unmute:before { +.tgico-archive:before { content: "\e908"; } -.tgico-unpin:before { +.tgico-attach:before { content: "\e909"; } -.tgico-unread:before { +.tgico-avatar_archivedchats:before { content: "\e90a"; } -.tgico-up:before { +.tgico-avatar_deletedaccount:before { content: "\e90b"; } -.tgico-username:before { +.tgico-avatar_savedmessages:before { content: "\e90c"; } -.tgico-user:before { +.tgico-back:before { content: "\e90d"; } -.tgico-play:before { +.tgico-bots:before { content: "\e90e"; } -.tgico-poll:before { +.tgico-calendar:before { content: "\e90f"; } -.tgico-radiooff:before { +.tgico-camera:before { content: "\e910"; } -.tgico-radioon:before { +.tgico-cameraadd:before { content: "\e911"; } -.tgico-recent:before { +.tgico-car:before { content: "\e912"; } -.tgico-reply:before { +.tgico-channel:before { content: "\e913"; } -.tgico-revote:before { +.tgico-channelviews:before { content: "\e914"; } -.tgico-savedmessages:before { +.tgico-chatsplaceholder:before { content: "\e915"; } -.tgico-search:before { +.tgico-check1:before { content: "\e916"; } -.tgico-send:before { +.tgico-checkbox:before { content: "\e917"; } -.tgico-send2:before { +.tgico-checkboxblock:before { content: "\e918"; } -.tgico-sending:before { - content: $tgico-sending; +.tgico-checkboxempty:before { + content: "\e919"; } -.tgico-sendingerror:before { +.tgico-checkboxon:before { content: "\e91a"; } -.tgico-mute:before { - content: "\e91b"; +.tgico-close:before { + content: $tgico-close; } -.tgico-newchannel:before { +.tgico-clouddownload:before { content: "\e91c"; } -.tgico-newchat_filled:before { +.tgico-colorize:before { content: "\e91d"; } -.tgico-newgroup:before { +.tgico-copy:before { content: "\e91e"; } -.tgico-newprivate:before { +.tgico-data:before { content: "\e91f"; } -.tgico-next:before { - content: $tgico-next; +.tgico-delete:before { + content: "\e920"; } -.tgico-nosound:before { +.tgico-delete_filled:before { content: "\e921"; } -.tgico-pause:before { +.tgico-deleteleft:before { content: "\e922"; } -.tgico-permissions:before { +.tgico-deleteuser:before { content: "\e923"; } -.tgico-phone:before { +.tgico-document:before { content: "\e924"; } -.tgico-photo:before { +.tgico-down:before { content: "\e925"; } -.tgico-pin:before { +.tgico-download:before { content: "\e926"; } -.tgico-pinnedchat:before { +.tgico-eats:before { content: "\e927"; } -.tgico-largepause:before { +.tgico-edit:before { content: "\e928"; } -.tgico-largeplay:before { +.tgico-eye1:before { content: "\e929"; } -.tgico-livelocation:before { +.tgico-eye2:before { content: "\e92a"; } -.tgico-location:before { +.tgico-favourites:before { content: "\e92b"; } -.tgico-lock:before { +.tgico-flag:before { content: "\e92c"; } -.tgico-logout:before { +.tgico-folder:before { content: "\e92d"; } -.tgico-menu:before { +.tgico-forward:before { content: "\e92e"; } -.tgico-message:before { +.tgico-FullScreen:before { content: "\e92f"; } -.tgico-microphone:before { +.tgico-gifs:before { content: "\e930"; } -.tgico-microphone2:before { +.tgico-group:before { content: "\e931"; } -.tgico-minus:before { +.tgico-help:before { content: "\e932"; } -.tgico-more:before { +.tgico-info:before { content: "\e933"; } -.tgico-download:before { +.tgico-info2:before { content: "\e934"; } -.tgico-eats:before { +.tgico-keyboard:before { content: "\e935"; } -.tgico-edit:before { +.tgico-lamp:before { content: "\e936"; } -.tgico-eye1:before { +.tgico-language:before { content: "\e937"; } -.tgico-eye2:before { +.tgico-largepause:before { content: "\e938"; } -.tgico-flag:before { +.tgico-largeplay:before { content: "\e939"; } -.tgico-forward:before { +.tgico-livelocation:before { content: "\e93a"; } -.tgico-fullscreen:before { +.tgico-location:before { content: "\e93b"; } -.tgico-group:before { +.tgico-lock:before { content: "\e93c"; } -.tgico-help:before { +.tgico-logout:before { content: "\e93d"; } -.tgico-info:before { +.tgico-menu:before { content: "\e93e"; } -.tgico-lamp:before { +.tgico-message:before { content: "\e93f"; } -.tgico-language:before { +.tgico-microphone:before { content: "\e940"; } -.tgico-checkboxempty:before { +.tgico-microphone2:before { content: "\e941"; } -.tgico-checkboxon:before { +.tgico-minus:before { content: "\e942"; } -.tgico-close:before { +.tgico-more:before { content: "\e943"; } -.tgico-colorize:before { +.tgico-mute:before { content: "\e944"; } -.tgico-copy:before { +.tgico-muted:before { content: "\e945"; } -.tgico-data:before { +.tgico-newchannel:before { content: "\e946"; } -.tgico-delete_filled:before { +.tgico-newchat_filled:before { content: "\e947"; } -.tgico-delete:before { +.tgico-newgroup:before { content: "\e948"; } -.tgico-deleteuser:before { +.tgico-newprivate:before { content: "\e949"; } -.tgico-document:before { - content: "\e94a"; +.tgico-next:before { + content: $tgico-next; } -.tgico-down:before { +.tgico-noncontacts:before { content: "\e94b"; } -.tgico-attach:before { +.tgico-nosound:before { content: "\e94c"; } -.tgico-avatar_archivedchats:before { +.tgico-pause:before { content: "\e94d"; } -.tgico-avatar_deletedaccount:before { +.tgico-permissions:before { content: "\e94e"; } -.tgico-avatar_savedmessages:before { +.tgico-phone:before { content: "\e94f"; } -.tgico-back:before { +.tgico-photo:before { content: "\e950"; } -.tgico-camera:before { +.tgico-pin:before { content: "\e951"; } -.tgico-cameraadd:before { +.tgico-pinnedchat:before { content: "\e952"; } -.tgico-car:before { +.tgico-play:before { content: "\e953"; } -.tgico-channel:before { +.tgico-poll:before { content: "\e954"; } -.tgico-channelviews:before { +.tgico-radiooff:before { content: "\e955"; } -.tgico-chatsplaceholder:before { +.tgico-radioon:before { content: "\e956"; } -.tgico-check1:before { +.tgico-readchats:before { content: "\e957"; } -.tgico-checkbox:before { +.tgico-recent:before { content: "\e958"; } -.tgico-checkboxblock:before { +.tgico-reply:before { content: "\e959"; } -.tgico-checks:before { - content: $tgico-checks; +.tgico-revote:before { + content: "\e95a"; } -.tgico-activesessions:before { +.tgico-savedmessages:before { content: "\e95b"; } -.tgico-add:before { +.tgico-search:before { content: "\e95c"; } -.tgico-addmember_filled:before { +.tgico-send:before { content: "\e95d"; } -.tgico-adduser:before { +.tgico-send2:before { content: "\e95e"; } -.tgico-admin:before { - content: "\e95f"; +.tgico-sending:before { + content: $tgico-sending; } -.tgico-animals:before { +.tgico-sendingerror:before { content: "\e960"; } -.tgico-archive:before { +.tgico-settings:before { content: "\e961"; } +.tgico-smallscreen:before { + content: "\e962"; +} +.tgico-smile:before { + content: "\e963"; +} +.tgico-sport:before { + content: "\e964"; +} +.tgico-stickers:before { + content: "\e965"; +} +.tgico-stop:before { + content: "\e966"; +} +.tgico-tip:before { + content: "\e967"; +} +.tgico-unarchive:before { + content: "\e968"; +} +.tgico-unlock:before { + content: "\e969"; +} +.tgico-unmute:before { + content: "\e96a"; +} +.tgico-unpin:before { + content: "\e96b"; +} +.tgico-unread:before { + content: "\e96c"; +} +.tgico-up:before { + content: "\e96d"; +} +.tgico-user:before { + content: "\e96e"; +} +.tgico-username:before { + content: "\e96f"; +} diff --git a/src/scss/partials/_ico.scss b/src/scss/partials/_ico.scss index f5528316..f729b540 100644 --- a/src/scss/partials/_ico.scss +++ b/src/scss/partials/_ico.scss @@ -2,7 +2,7 @@ $tgico-font-family: "tgico" !default; $tgico-font-path: "../../assets/fonts" !default; $tgico-check: "\e900"; -$tgico-checks: "\e95a"; -$tgico-sending: "\e919"; -$tgico-close: "\e943"; -$tgico-next: "\e920"; +$tgico-checks: "\e901"; +$tgico-sending: "\e95f"; +$tgico-close: "\e91b"; +$tgico-next: "\e94a";