r4sas
/
tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Changed main background 

New chats pinned icon
master
Eduard Kuzmenko 4 years ago
parent
424aa273a6
commit
225622b1e9
9 changed files with 896 additions and 579 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/components/appMediaViewer.ts
  2. 10
      src/lib/appManagers/appDialogsManager.ts
  3. 2
      src/lib/mtproto/mtprotoworker.ts
  4. 5
      src/scss/partials/_badge.scss
  5. 2
      src/scss/partials/_chat.scss
  6. 23
      src/scss/partials/_chatlist.scss
  7. 858
      src/scss/partials/_fonts.scss
  8. 283
      src/scss/partials/_ico.scss
  9. 10
      src/scss/partials/_mediaViewer.scss

2
src/components/appMediaViewer.ts
Unescape View File

@ -1109,7 +1109,7 @@ class AppMediaViewerBase<ContentAdditionType extends string, ButtonsAdditionType @@ -1109,7 +1109,7 @@ class AppMediaViewerBase<ContentAdditionType extends string, ButtonsAdditionType
return cancellablePromise;
};
//this.lazyLoadQueue.unshift({load});
this.lazyLoadQueue.unshift({load});
});
}

10
src/lib/appManagers/appDialogsManager.ts
Unescape View File

@ -1067,7 +1067,6 @@ export class AppDialogsManager { @@ -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 { @@ -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');
}
}
}

2
src/lib/mtproto/mtprotoworker.ts
Unescape View File

@ -115,7 +115,7 @@ export class ApiManagerProxy extends CryptoWorkerMethods { @@ -115,7 +115,7 @@ export class ApiManagerProxy extends CryptoWorkerMethods {
}
private registerWorker() {
return;
//return;
const worker = new MTProtoWorker();
worker.addEventListener('message', (e) => {

5
src/scss/partials/_badge.scss
Unescape View File

@ -24,8 +24,11 @@ @@ -24,8 +24,11 @@
padding: 0 7.75px;
&.tgico {
font-size: 1.5rem;
width: 1.5rem;
&:before {
font-size: 1.5rem;
}
}
}

2
src/scss/partials/_chat.scss
Unescape View File

@ -570,7 +570,7 @@ $chat-helper-size: 39px; @@ -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;

23
src/scss/partials/_chatlist.scss
Unescape View File

@ -217,14 +217,35 @@ @@ -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;
}

858
src/scss/partials/_fonts.scss
View File

File diff suppressed because it is too large Load Diff

283
src/scss/partials/_ico.scss
Unescape View File

@ -13,144 +13,145 @@ $tgico-font-path: "assets/fonts" !default; @@ -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";

10
src/scss/partials/_mediaViewer.scss
Unescape View File

@ -205,14 +205,18 @@ @@ -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!

Write Preview
Loading…
Cancel
Save