Changed main background
New chats pinned icon
This commit is contained in:
Eduard Kuzmenko
parent
abffe9d28e
commit
58f74f9750
|
|
@ -1109,7 +1109,7 @@ class AppMediaViewerBase<ContentAdditionType extends string, ButtonsAdditionType
|
|||
return cancellablePromise;
|
||||
};
|
||||
|
||||
//this.lazyLoadQueue.unshift({load});
|
||||
this.lazyLoadQueue.unshift({load});
|
||||
});
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1067,7 +1067,6 @@ export class AppDialogsManager {
|
|||
} else dom.statusSpan.classList.remove('tgico-check', 'tgico-checks');
|
||||
|
||||
dom.unreadMessagesSpan.innerText = '';
|
||||
dom.unreadMessagesSpan.classList.remove('tgico-pinnedchat', 'tgico');
|
||||
|
||||
const filter = appMessagesManager.filtersStorage.filters[this.filterId];
|
||||
let isPinned: boolean;
|
||||
|
|
@ -1077,15 +1076,18 @@ export class AppDialogsManager {
|
|||
isPinned = !!dialog.pFlags.pinned;
|
||||
}
|
||||
|
||||
if(isPinned) {
|
||||
dom.unreadMessagesSpan.classList.add('tgico-chatspinned', 'tgico');
|
||||
} else {
|
||||
dom.unreadMessagesSpan.classList.remove('tgico-chatspinned', 'tgico');
|
||||
}
|
||||
|
||||
if(dialog.unread_count || dialog.pFlags.unread_mark) {
|
||||
//dom.unreadMessagesSpan.innerText = '' + (dialog.unread_count ? formatNumber(dialog.unread_count, 1) : ' ');
|
||||
dom.unreadMessagesSpan.innerText = '' + (dialog.unread_count || ' ');
|
||||
dom.unreadMessagesSpan.classList.add('unread');
|
||||
} else {
|
||||
dom.unreadMessagesSpan.classList.remove('unread');
|
||||
if(isPinned) {
|
||||
dom.unreadMessagesSpan.classList.add('tgico-pinnedchat', 'tgico');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -115,7 +115,7 @@ export class ApiManagerProxy extends CryptoWorkerMethods {
|
|||
}
|
||||
|
||||
private registerWorker() {
|
||||
return;
|
||||
//return;
|
||||
|
||||
const worker = new MTProtoWorker();
|
||||
worker.addEventListener('message', (e) => {
|
||||
|
|
|
|||
|
|
@ -24,8 +24,11 @@
|
|||
padding: 0 7.75px;
|
||||
|
||||
&.tgico {
|
||||
font-size: 1.5rem;
|
||||
width: 1.5rem;
|
||||
|
||||
&:before {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -570,7 +570,7 @@ $chat-helper-size: 39px;
|
|||
&:before {
|
||||
content: "";
|
||||
display: block;
|
||||
background-image: url('assets/img/camomile_blurred.jpg');
|
||||
background-image: url('assets/img/bg.jpeg');
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
|
||||
|
|
|
|||
|
|
@ -217,14 +217,35 @@
|
|||
.dialog-subtitle-badge {
|
||||
margin-top: 4px;
|
||||
margin-right: -3px;
|
||||
margin-left: .25rem;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.tgico-chatspinned {
|
||||
background: transparent;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
color: #a2abb2;
|
||||
transition: opacity .2s ease-in-out;
|
||||
opacity: 1;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
&.unread {
|
||||
&:before {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.unread, li.is-muted.backwards .unread {
|
||||
background: $color-green;
|
||||
}
|
||||
|
||||
li.is-muted .unread, .tgico-pinnedchat {
|
||||
li.is-muted .unread {
|
||||
background: #c5c9cc;
|
||||
}
|
||||
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -13,144 +13,145 @@ $tgico-font-path: "assets/fonts" !default;
|
|||
.replace(/\.(.+?):before\{content:"(.+?);\}/g, `$$$1: "\\$2;\n`);
|
||||
*/
|
||||
|
||||
$tgico-permissions: "\e900";
|
||||
$tgico-phone: "\e901";
|
||||
$tgico-photo: "\e902";
|
||||
$tgico-pin: "\e903";
|
||||
$tgico-pinlist: "\e904";
|
||||
$tgico-pinned_filled: "\e905";
|
||||
$tgico-pinnedchat: "\e906";
|
||||
$tgico-play: "\e907";
|
||||
$tgico-poll: "\e908";
|
||||
$tgico-previous: "\e909";
|
||||
$tgico-radiooff: "\e90a";
|
||||
$tgico-radioon: "\e90b";
|
||||
$tgico-readchats: "\e90c";
|
||||
$tgico-recent: "\e90d";
|
||||
$tgico-replace: "\e90e";
|
||||
$tgico-reply: "\e90f";
|
||||
$tgico-revote: "\e910";
|
||||
$tgico-savedmessages: "\e911";
|
||||
$tgico-schedule: "\e912";
|
||||
$tgico-scheduled: "\e913";
|
||||
$tgico-search: "\e914";
|
||||
$tgico-select: "\e915";
|
||||
$tgico-send: "\e916";
|
||||
$tgico-send2: "\e917";
|
||||
$tgico-sending: "\e918";
|
||||
$tgico-sendingerror: "\e919";
|
||||
$tgico-settings: "\e91a";
|
||||
$tgico-smallscreen: "\e91b";
|
||||
$tgico-smile: "\e91c";
|
||||
$tgico-sport: "\e91d";
|
||||
$tgico-stickers: "\e91e";
|
||||
$tgico-stop: "\e91f";
|
||||
$tgico-strikethrough: "\e920";
|
||||
$tgico-textedit: "\e921";
|
||||
$tgico-tip: "\e922";
|
||||
$tgico-unarchive: "\e923";
|
||||
$tgico-underline: "\e924";
|
||||
$tgico-unlock: "\e925";
|
||||
$tgico-unmute: "\e926";
|
||||
$tgico-unpin: "\e927";
|
||||
$tgico-unread: "\e928";
|
||||
$tgico-up: "\e929";
|
||||
$tgico-user: "\e92a";
|
||||
$tgico-username: "\e92b";
|
||||
$tgico-zoomin: "\e92c";
|
||||
$tgico-zoomout: "\e92d";
|
||||
$tgico-check: "\e92e";
|
||||
$tgico-checks: "\e92f";
|
||||
$tgico-activesessions: "\e930";
|
||||
$tgico-add: "\e931";
|
||||
$tgico-addmember_filled: "\e932";
|
||||
$tgico-adduser: "\e933";
|
||||
$tgico-admin: "\e934";
|
||||
$tgico-animals: "\e935";
|
||||
$tgico-archive: "\e936";
|
||||
$tgico-arrow_back: "\e937";
|
||||
$tgico-arrow_down: "\e938";
|
||||
$tgico-arrow_next: "\e939";
|
||||
$tgico-attach: "\e93a";
|
||||
$tgico-avatar_archivedchats: "\e93b";
|
||||
$tgico-avatar_deletedaccount: "\e93c";
|
||||
$tgico-avatar_savedmessages: "\e93d";
|
||||
$tgico-bold: "\e93e";
|
||||
$tgico-botcom: "\e93f";
|
||||
$tgico-bots: "\e940";
|
||||
$tgico-calendar: "\e941";
|
||||
$tgico-calendarfilter: "\e942";
|
||||
$tgico-camera: "\e943";
|
||||
$tgico-cameraadd: "\e944";
|
||||
$tgico-car: "\e945";
|
||||
$tgico-channel: "\e946";
|
||||
$tgico-channelviews: "\e947";
|
||||
$tgico-chatsplaceholder: "\e948";
|
||||
$tgico-check1: "\e949";
|
||||
$tgico-checkbox: "\e94a";
|
||||
$tgico-checkboxblock: "\e94b";
|
||||
$tgico-checkboxempty: "\e94c";
|
||||
$tgico-checkboxon: "\e94d";
|
||||
$tgico-close: "\e94e";
|
||||
$tgico-clouddownload: "\e94f";
|
||||
$tgico-colorize: "\e950";
|
||||
$tgico-comments: "\e951";
|
||||
$tgico-commentssticker: "\e952";
|
||||
$tgico-copy: "\e953";
|
||||
$tgico-data: "\e954";
|
||||
$tgico-delete_filled: "\e955";
|
||||
$tgico-delete: "\e956";
|
||||
$tgico-deleteleft: "\e957";
|
||||
$tgico-deleteuser: "\e958";
|
||||
$tgico-document: "\e959";
|
||||
$tgico-down: "\e95a";
|
||||
$tgico-download: "\e95b";
|
||||
$tgico-dragfiles: "\e95c";
|
||||
$tgico-dragmedia: "\e95d";
|
||||
$tgico-eats: "\e95e";
|
||||
$tgico-edit: "\e95f";
|
||||
$tgico-email: "\e960";
|
||||
$tgico-eye1: "\e961";
|
||||
$tgico-eye2: "\e962";
|
||||
$tgico-favourites: "\e963";
|
||||
$tgico-flag: "\e964";
|
||||
$tgico-folder: "\e965";
|
||||
$tgico-forward: "\e966";
|
||||
$tgico-fullscreen: "\e967";
|
||||
$tgico-gifs: "\e968";
|
||||
$tgico-group: "\e969";
|
||||
$tgico-help: "\e96a";
|
||||
$tgico-info: "\e96b";
|
||||
$tgico-info2: "\e96c";
|
||||
$tgico-italic: "\e96d";
|
||||
$tgico-keyboard: "\e96e";
|
||||
$tgico-lamp: "\e96f";
|
||||
$tgico-language: "\e970";
|
||||
$tgico-largepause: "\e971";
|
||||
$tgico-largeplay: "\e972";
|
||||
$tgico-link: "\e973";
|
||||
$tgico-livelocation: "\e974";
|
||||
$tgico-location: "\e975";
|
||||
$tgico-lock: "\e976";
|
||||
$tgico-loginlogodesktop: "\e977";
|
||||
$tgico-loginlogomobile: "\e978";
|
||||
$tgico-logout: "\e979";
|
||||
$tgico-mention: "\e97a";
|
||||
$tgico-menu: "\e97b";
|
||||
$tgico-message: "\e97c";
|
||||
$tgico-microphone: "\e97d";
|
||||
$tgico-microphone2: "\e97e";
|
||||
$tgico-minus: "\e97f";
|
||||
$tgico-monospace: "\e980";
|
||||
$tgico-more: "\e981";
|
||||
$tgico-mute: "\e982";
|
||||
$tgico-muted: "\e983";
|
||||
$tgico-newchannel: "\e984";
|
||||
$tgico-newchat_filled: "\e985";
|
||||
$tgico-newgroup: "\e986";
|
||||
$tgico-newprivate: "\e987";
|
||||
$tgico-next: "\e988";
|
||||
$tgico-noncontacts: "\e989";
|
||||
$tgico-nosound: "\e98a";
|
||||
$tgico-passwordoff: "\e98b";
|
||||
$tgico-pause: "\e98c";
|
||||
$tgico-zoomout: "\e900";
|
||||
$tgico-username: "\e901";
|
||||
$tgico-zoomin: "\e902";
|
||||
$tgico-up: "\e903";
|
||||
$tgico-user: "\e904";
|
||||
$tgico-unmute: "\e905";
|
||||
$tgico-unpin: "\e906";
|
||||
$tgico-unread: "\e907";
|
||||
$tgico-unlock: "\e908";
|
||||
$tgico-unarchive: "\e909";
|
||||
$tgico-underline: "\e90a";
|
||||
$tgico-textedit: "\e90b";
|
||||
$tgico-tip: "\e90c";
|
||||
$tgico-stop: "\e90d";
|
||||
$tgico-strikethrough: "\e90e";
|
||||
$tgico-smile: "\e90f";
|
||||
$tgico-sport: "\e910";
|
||||
$tgico-stickers: "\e911";
|
||||
$tgico-settings: "\e912";
|
||||
$tgico-smallscreen: "\e913";
|
||||
$tgico-sendingerror: "\e914";
|
||||
$tgico-send: "\e915";
|
||||
$tgico-sending: "\e916";
|
||||
$tgico-select: "\e917";
|
||||
$tgico-send2: "\e918";
|
||||
$tgico-scheduled: "\e919";
|
||||
$tgico-search: "\e91a";
|
||||
$tgico-revote: "\e91b";
|
||||
$tgico-savedmessages: "\e91c";
|
||||
$tgico-schedule: "\e91d";
|
||||
$tgico-replace: "\e91e";
|
||||
$tgico-reply: "\e91f";
|
||||
$tgico-radioon: "\e920";
|
||||
$tgico-readchats: "\e921";
|
||||
$tgico-recent: "\e922";
|
||||
$tgico-radiooff: "\e923";
|
||||
$tgico-poll: "\e924";
|
||||
$tgico-previous: "\e925";
|
||||
$tgico-pinned_filled: "\e926";
|
||||
$tgico-pinnedchat: "\e927";
|
||||
$tgico-play: "\e928";
|
||||
$tgico-photo: "\e929";
|
||||
$tgico-pin: "\e92a";
|
||||
$tgico-pinlist: "\e92b";
|
||||
$tgico-permissions: "\e92c";
|
||||
$tgico-phone: "\e92d";
|
||||
$tgico-pause: "\e92e";
|
||||
$tgico-noncontacts: "\e92f";
|
||||
$tgico-nosound: "\e930";
|
||||
$tgico-passwordoff: "\e931";
|
||||
$tgico-newprivate: "\e932";
|
||||
$tgico-next: "\e933";
|
||||
$tgico-newchat_filled: "\e934";
|
||||
$tgico-newgroup: "\e935";
|
||||
$tgico-muted: "\e936";
|
||||
$tgico-newchannel: "\e937";
|
||||
$tgico-more: "\e938";
|
||||
$tgico-mute: "\e939";
|
||||
$tgico-microphone: "\e93a";
|
||||
$tgico-minus: "\e93b";
|
||||
$tgico-monospace: "\e93c";
|
||||
$tgico-message: "\e93d";
|
||||
$tgico-microphone2: "\e93e";
|
||||
$tgico-logout: "\e93f";
|
||||
$tgico-mention: "\e940";
|
||||
$tgico-menu: "\e941";
|
||||
$tgico-loginlogomobile: "\e942";
|
||||
$tgico-lock: "\e943";
|
||||
$tgico-loginlogodesktop: "\e944";
|
||||
$tgico-livelocation: "\e945";
|
||||
$tgico-location: "\e946";
|
||||
$tgico-link: "\e947";
|
||||
$tgico-language: "\e948";
|
||||
$tgico-largepause: "\e949";
|
||||
$tgico-largeplay: "\e94a";
|
||||
$tgico-lamp: "\e94b";
|
||||
$tgico-keyboard: "\e94c";
|
||||
$tgico-info: "\e94d";
|
||||
$tgico-italic: "\e94e";
|
||||
$tgico-group: "\e94f";
|
||||
$tgico-help: "\e950";
|
||||
$tgico-info2: "\e951";
|
||||
$tgico-forward: "\e952";
|
||||
$tgico-gifs: "\e953";
|
||||
$tgico-flag: "\e954";
|
||||
$tgico-folder: "\e955";
|
||||
$tgico-eye1: "\e956";
|
||||
$tgico-eye2: "\e957";
|
||||
$tgico-favourites: "\e958";
|
||||
$tgico-edit: "\e959";
|
||||
$tgico-email: "\e95a";
|
||||
$tgico-eats: "\e95b";
|
||||
$tgico-dragmedia: "\e95c";
|
||||
$tgico-down: "\e95d";
|
||||
$tgico-download: "\e95e";
|
||||
$tgico-dragfiles: "\e95f";
|
||||
$tgico-deleteuser: "\e960";
|
||||
$tgico-document: "\e961";
|
||||
$tgico-delete_filled: "\e962";
|
||||
$tgico-delete: "\e963";
|
||||
$tgico-deleteleft: "\e964";
|
||||
$tgico-copy: "\e965";
|
||||
$tgico-data: "\e966";
|
||||
$tgico-commentssticker: "\e967";
|
||||
$tgico-clouddownload: "\e968";
|
||||
$tgico-colorize: "\e969";
|
||||
$tgico-comments: "\e96a";
|
||||
$tgico-checkboxon: "\e96b";
|
||||
$tgico-close: "\e96c";
|
||||
$tgico-checkbox: "\e96d";
|
||||
$tgico-checkboxblock: "\e96e";
|
||||
$tgico-checkboxempty: "\e96f";
|
||||
$tgico-chatsplaceholder: "\e970";
|
||||
$tgico-check: "\e971";
|
||||
$tgico-channel: "\e972";
|
||||
$tgico-channelviews: "\e973";
|
||||
$tgico-chatspinned: "\e974";
|
||||
$tgico-cameraadd: "\e975";
|
||||
$tgico-car: "\e976";
|
||||
$tgico-camera: "\e977";
|
||||
$tgico-bots: "\e978";
|
||||
$tgico-calendar: "\e979";
|
||||
$tgico-calendarfilter: "\e97a";
|
||||
$tgico-botcom: "\e97b";
|
||||
$tgico-avatar_deletedaccount: "\e97c";
|
||||
$tgico-avatar_savedmessages: "\e97d";
|
||||
$tgico-bold: "\e97e";
|
||||
$tgico-attach: "\e97f";
|
||||
$tgico-avatar_archivedchats: "\e980";
|
||||
$tgico-arrow_next: "\e981";
|
||||
$tgico-arrow_back: "\e982";
|
||||
$tgico-arrow_down: "\e983";
|
||||
$tgico-animals: "\e984";
|
||||
$tgico-archive: "\e985";
|
||||
$tgico-adduser: "\e986";
|
||||
$tgico-admin: "\e987";
|
||||
$tgico-addmember_filled: "\e988";
|
||||
$tgico-activesessions: "\e989";
|
||||
$tgico-add: "\e98a";
|
||||
$tgico-fullscreen: "\e98b";
|
||||
$tgico-check_svg1: "\e98c";
|
||||
$tgico-checks: "\e98d";
|
||||
|
|
|
|||
|
|
@ -205,14 +205,18 @@
|
|||
}
|
||||
}
|
||||
|
||||
&-mover, &-canvas {
|
||||
&-mover/* , &-canvas */ {
|
||||
position: fixed!important;
|
||||
z-index: 4;
|
||||
//transition: .5s all;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center; // mb net
|
||||
min-height: auto!important;
|
||||
left: 0;
|
||||
top: 0;
|
||||
//transform-origin: top left;
|
||||
transform-origin: bottom right;
|
||||
transform-origin: top left;
|
||||
//transform-origin: bottom right;
|
||||
overflow: hidden;
|
||||
|
||||
// эти значения должны быть такими же, как при установке maxWidth и maxHeight в openMedia!
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user