diff --git a/src/components/appMediaViewer.ts b/src/components/appMediaViewer.ts index 23f60c90..cc9c79ca 100644 --- a/src/components/appMediaViewer.ts +++ b/src/components/appMediaViewer.ts @@ -1109,7 +1109,7 @@ class AppMediaViewerBase { diff --git a/src/scss/partials/_badge.scss b/src/scss/partials/_badge.scss index 5b61096a..80d5216b 100644 --- a/src/scss/partials/_badge.scss +++ b/src/scss/partials/_badge.scss @@ -24,8 +24,11 @@ padding: 0 7.75px; &.tgico { - font-size: 1.5rem; width: 1.5rem; + + &:before { + font-size: 1.5rem; + } } } diff --git a/src/scss/partials/_chat.scss b/src/scss/partials/_chat.scss index 45e7d6f3..a3542066 100644 --- a/src/scss/partials/_chat.scss +++ b/src/scss/partials/_chat.scss @@ -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; diff --git a/src/scss/partials/_chatlist.scss b/src/scss/partials/_chatlist.scss index 133a6769..ea636555 100644 --- a/src/scss/partials/_chatlist.scss +++ b/src/scss/partials/_chatlist.scss @@ -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; } diff --git a/src/scss/partials/_fonts.scss b/src/scss/partials/_fonts.scss index a306f59a..24613eb8 100644 --- a/src/scss/partials/_fonts.scss +++ b/src/scss/partials/_fonts.scss @@ -3,9 +3,9 @@ @font-face { font-family: "#{$tgico-font-family}"; src: - url('#{$tgico-font-path}/#{$tgico-font-family}.ttf?vptykr') format('truetype'), - url('#{$tgico-font-path}/#{$tgico-font-family}.woff?vptykr') format('woff'), - url('#{$tgico-font-path}/#{$tgico-font-family}.svg?vptykr#tgico') format('svg'); + url('#{$tgico-font-path}/#{$tgico-font-family}.ttf?6mppd8') format('truetype'), + url('#{$tgico-font-path}/#{$tgico-font-family}.woff?6mppd8') format('woff'), + url('#{$tgico-font-path}/#{$tgico-font-family}.svg?6mppd8#tgico') format('svg'); font-weight: normal; font-style: normal; font-display: block; @@ -31,427 +31,713 @@ -moz-osx-font-smoothing: grayscale; } - -.tgico-permissions:before { - content: "\e900"; -} -.tgico-phone:before { - content: "\e901"; -} -.tgico-photo:before { - content: "\e902"; -} -.tgico-pin:before { - content: "\e903"; -} -.tgico-pinlist:before { - content: "\e904"; -} -.tgico-pinned_filled:before { - content: "\e905"; -} -.tgico-pinnedchat:before { - content: "\e906"; -} -.tgico-play:before { - content: "\e907"; -} -.tgico-poll:before { - content: "\e908"; -} -.tgico-previous:before { - content: "\e909"; -} -.tgico-radiooff:before { - content: "\e90a"; -} -.tgico-radioon:before { - content: "\e90b"; -} -.tgico-readchats:before { - content: "\e90c"; -} -.tgico-recent:before { - content: "\e90d"; -} -.tgico-replace:before { - content: "\e90e"; -} -.tgico-reply:before { - content: "\e90f"; -} -.tgico-revote:before { - content: "\e910"; -} -.tgico-savedmessages:before { - content: "\e911"; -} -.tgico-schedule:before { - content: "\e912"; -} -.tgico-scheduled:before { - content: "\e913"; -} -.tgico-search:before { - content: "\e914"; -} -.tgico-select:before { - content: "\e915"; -} -.tgico-send:before { - content: "\e916"; -} -.tgico-send2:before { - content: "\e917"; -} -.tgico-sending:before { - content: "\e918"; -} -.tgico-sendingerror:before { - content: "\e919"; -} -.tgico-settings:before { - content: "\e91a"; -} -.tgico-smallscreen:before { - content: "\e91b"; -} -.tgico-smile:before { - content: "\e91c"; -} -.tgico-sport:before { - content: "\e91d"; -} -.tgico-stickers:before { - content: "\e91e"; -} -.tgico-stop:before { - content: "\e91f"; -} -.tgico-strikethrough:before { - content: "\e920"; -} -.tgico-textedit:before { - content: "\e921"; -} -.tgico-tip:before { - content: "\e922"; -} -.tgico-unarchive:before { - content: "\e923"; -} -.tgico-underline:before { - content: "\e924"; -} -.tgico-unlock:before { - content: "\e925"; -} -.tgico-unmute:before { - content: "\e926"; -} -.tgico-unpin:before { - content: "\e927"; -} -.tgico-unread:before { - content: "\e928"; -} -.tgico-up:before { - content: "\e929"; -} -.tgico-user:before { - content: "\e92a"; -} -.tgico-username:before { - content: "\e92b"; -} -.tgico-zoomin:before { - content: "\e92c"; -} -.tgico-zoomout:before { - content: "\e92d"; -} -.tgico-check:before { - content: "\e92e"; -} -.tgico-checks:before { - content: "\e92f"; -} -.tgico-activesessions:before { - content: "\e930"; -} -.tgico-add:before { - content: "\e931"; -} -.tgico-addmember_filled:before { - content: "\e932"; -} -.tgico-adduser:before { - content: "\e933"; -} -.tgico-admin:before { - content: "\e934"; -} -.tgico-animals:before { - content: "\e935"; -} -.tgico-archive:before { - content: "\e936"; -} -.tgico-arrow_back:before { - content: "\e937"; -} -.tgico-arrow_down:before { - content: "\e938"; -} -.tgico-arrow_next:before { - content: "\e939"; -} -.tgico-attach:before { - content: "\e93a"; -} -.tgico-avatar_archivedchats:before { - content: "\e93b"; -} -.tgico-avatar_deletedaccount:before { - content: "\e93c"; -} -.tgico-avatar_savedmessages:before { - content: "\e93d"; -} -.tgico-bold:before { - content: "\e93e"; -} -.tgico-botcom:before { - content: "\e93f"; -} -.tgico-bots:before { - content: "\e940"; -} -.tgico-calendar:before { - content: "\e941"; -} -.tgico-calendarfilter:before { - content: "\e942"; -} -.tgico-camera:before { - content: "\e943"; -} -.tgico-cameraadd:before { - content: "\e944"; -} -.tgico-car:before { - content: "\e945"; -} -.tgico-channel:before { - content: "\e946"; -} -.tgico-channelviews:before { - content: "\e947"; -} -.tgico-chatsplaceholder:before { - content: "\e948"; -} -.tgico-check1:before { - content: "\e949"; -} -.tgico-checkbox:before { - content: "\e94a"; -} -.tgico-checkboxblock:before { - content: "\e94b"; -} -.tgico-checkboxempty:before { - content: "\e94c"; -} -.tgico-checkboxon:before { - content: "\e94d"; -} -.tgico-close:before { - content: "\e94e"; -} -.tgico-clouddownload:before { - content: "\e94f"; -} -.tgico-colorize:before { - content: "\e950"; -} -.tgico-comments:before { - content: "\e951"; -} -.tgico-commentssticker:before { - content: "\e952"; -} -.tgico-copy:before { - content: "\e953"; -} -.tgico-data:before { - content: "\e954"; -} -.tgico-delete_filled:before { - content: "\e955"; -} -.tgico-delete:before { - content: "\e956"; -} -.tgico-deleteleft:before { - content: "\e957"; -} -.tgico-deleteuser:before { - content: "\e958"; -} -.tgico-document:before { - content: "\e959"; -} -.tgico-down:before { - content: "\e95a"; -} -.tgico-download:before { - content: "\e95b"; -} -.tgico-dragfiles:before { - content: "\e95c"; -} -.tgico-dragmedia:before { - content: "\e95d"; -} -.tgico-eats:before { - content: "\e95e"; -} -.tgico-edit:before { - content: "\e95f"; -} -.tgico-email:before { - content: "\e960"; -} -.tgico-eye1:before { - content: "\e961"; -} -.tgico-eye2:before { - content: "\e962"; -} -.tgico-favourites:before { - content: "\e963"; -} -.tgico-flag:before { - content: "\e964"; -} -.tgico-folder:before { - content: "\e965"; -} -.tgico-forward:before { - content: "\e966"; -} -.tgico-fullscreen:before { - content: "\e967"; -} -.tgico-gifs:before { - content: "\e968"; -} -.tgico-group:before { - content: "\e969"; -} -.tgico-help:before { - content: "\e96a"; -} -.tgico-info:before { - content: "\e96b"; -} -.tgico-info2:before { - content: "\e96c"; -} -.tgico-italic:before { - content: "\e96d"; -} -.tgico-keyboard:before { - content: "\e96e"; -} -.tgico-lamp:before { - content: "\e96f"; -} -.tgico-language:before { - content: "\e970"; -} -.tgico-largepause:before { - content: "\e971"; -} -.tgico-largeplay:before { - content: "\e972"; -} -.tgico-link:before { - content: "\e973"; -} -.tgico-livelocation:before { - content: "\e974"; -} -.tgico-location:before { - content: "\e975"; -} -.tgico-lock:before { - content: "\e976"; -} -.tgico-loginlogodesktop:before { - content: "\e977"; -} -.tgico-loginlogomobile:before { - content: "\e978"; -} -.tgico-logout:before { - content: "\e979"; -} -.tgico-mention:before { - content: "\e97a"; -} -.tgico-menu:before { - content: "\e97b"; -} -.tgico-message:before { - content: "\e97c"; -} -.tgico-microphone:before { - content: "\e97d"; -} -.tgico-microphone2:before { - content: "\e97e"; -} -.tgico-minus:before { - content: "\e97f"; -} -.tgico-monospace:before { - content: "\e980"; -} -.tgico-more:before { - content: "\e981"; -} -.tgico-mute:before { - content: "\e982"; -} -.tgico-muted:before { - content: "\e983"; -} -.tgico-newchannel:before { - content: "\e984"; -} -.tgico-newchat_filled:before { - content: "\e985"; -} -.tgico-newgroup:before { - content: "\e986"; -} -.tgico-newprivate:before { - content: "\e987"; -} -.tgico-next:before { - content: "\e988"; -} -.tgico-noncontacts:before { - content: "\e989"; -} -.tgico-nosound:before { - content: "\e98a"; -} -.tgico-passwordoff:before { - content: "\e98b"; -} -.tgico-pause:before { - content: "\e98c"; +.tgico-zoomout { + &:before { + content: $tgico-zoomout; + } +} +.tgico-username { + &:before { + content: $tgico-username; + } +} +.tgico-zoomin { + &:before { + content: $tgico-zoomin; + } +} +.tgico-up { + &:before { + content: $tgico-up; + } +} +.tgico-user { + &:before { + content: $tgico-user; + } +} +.tgico-unmute { + &:before { + content: $tgico-unmute; + } +} +.tgico-unpin { + &:before { + content: $tgico-unpin; + } +} +.tgico-unread { + &:before { + content: $tgico-unread; + } +} +.tgico-unlock { + &:before { + content: $tgico-unlock; + } +} +.tgico-unarchive { + &:before { + content: $tgico-unarchive; + } +} +.tgico-underline { + &:before { + content: $tgico-underline; + } +} +.tgico-textedit { + &:before { + content: $tgico-textedit; + } +} +.tgico-tip { + &:before { + content: $tgico-tip; + } +} +.tgico-stop { + &:before { + content: $tgico-stop; + } +} +.tgico-strikethrough { + &:before { + content: $tgico-strikethrough; + } +} +.tgico-smile { + &:before { + content: $tgico-smile; + } +} +.tgico-sport { + &:before { + content: $tgico-sport; + } +} +.tgico-stickers { + &:before { + content: $tgico-stickers; + } +} +.tgico-settings { + &:before { + content: $tgico-settings; + } +} +.tgico-smallscreen { + &:before { + content: $tgico-smallscreen; + } +} +.tgico-sendingerror { + &:before { + content: $tgico-sendingerror; + } +} +.tgico-send { + &:before { + content: $tgico-send; + } +} +.tgico-sending { + &:before { + content: $tgico-sending; + } +} +.tgico-select { + &:before { + content: $tgico-select; + } +} +.tgico-send2 { + &:before { + content: $tgico-send2; + } +} +.tgico-scheduled { + &:before { + content: $tgico-scheduled; + } +} +.tgico-search { + &:before { + content: $tgico-search; + } +} +.tgico-revote { + &:before { + content: $tgico-revote; + } +} +.tgico-savedmessages { + &:before { + content: $tgico-savedmessages; + } +} +.tgico-schedule { + &:before { + content: $tgico-schedule; + } +} +.tgico-replace { + &:before { + content: $tgico-replace; + } +} +.tgico-reply { + &:before { + content: $tgico-reply; + } +} +.tgico-radioon { + &:before { + content: $tgico-radioon; + } +} +.tgico-readchats { + &:before { + content: $tgico-readchats; + } +} +.tgico-recent { + &:before { + content: $tgico-recent; + } +} +.tgico-radiooff { + &:before { + content: $tgico-radiooff; + } +} +.tgico-poll { + &:before { + content: $tgico-poll; + } +} +.tgico-previous { + &:before { + content: $tgico-previous; + } +} +.tgico-pinned_filled { + &:before { + content: $tgico-pinned_filled; + } +} +.tgico-pinnedchat { + &:before { + content: $tgico-pinnedchat; + } +} +.tgico-play { + &:before { + content: $tgico-play; + } +} +.tgico-photo { + &:before { + content: $tgico-photo; + } +} +.tgico-pin { + &:before { + content: $tgico-pin; + } +} +.tgico-pinlist { + &:before { + content: $tgico-pinlist; + } +} +.tgico-permissions { + &:before { + content: $tgico-permissions; + } +} +.tgico-phone { + &:before { + content: $tgico-phone; + } +} +.tgico-pause { + &:before { + content: $tgico-pause; + } +} +.tgico-noncontacts { + &:before { + content: $tgico-noncontacts; + } +} +.tgico-nosound { + &:before { + content: $tgico-nosound; + } +} +.tgico-passwordoff { + &:before { + content: $tgico-passwordoff; + } +} +.tgico-newprivate { + &:before { + content: $tgico-newprivate; + } +} +.tgico-next { + &:before { + content: $tgico-next; + } +} +.tgico-newchat_filled { + &:before { + content: $tgico-newchat_filled; + } +} +.tgico-newgroup { + &:before { + content: $tgico-newgroup; + } +} +.tgico-muted { + &:before { + content: $tgico-muted; + } +} +.tgico-newchannel { + &:before { + content: $tgico-newchannel; + } +} +.tgico-more { + &:before { + content: $tgico-more; + } +} +.tgico-mute { + &:before { + content: $tgico-mute; + } +} +.tgico-microphone { + &:before { + content: $tgico-microphone; + } +} +.tgico-minus { + &:before { + content: $tgico-minus; + } +} +.tgico-monospace { + &:before { + content: $tgico-monospace; + } +} +.tgico-message { + &:before { + content: $tgico-message; + } +} +.tgico-microphone2 { + &:before { + content: $tgico-microphone2; + } +} +.tgico-logout { + &:before { + content: $tgico-logout; + } +} +.tgico-mention { + &:before { + content: $tgico-mention; + } +} +.tgico-menu { + &:before { + content: $tgico-menu; + } +} +.tgico-loginlogomobile { + &:before { + content: $tgico-loginlogomobile; + } +} +.tgico-lock { + &:before { + content: $tgico-lock; + } +} +.tgico-loginlogodesktop { + &:before { + content: $tgico-loginlogodesktop; + } +} +.tgico-livelocation { + &:before { + content: $tgico-livelocation; + } +} +.tgico-location { + &:before { + content: $tgico-location; + } +} +.tgico-link { + &:before { + content: $tgico-link; + } +} +.tgico-language { + &:before { + content: $tgico-language; + } +} +.tgico-largepause { + &:before { + content: $tgico-largepause; + } +} +.tgico-largeplay { + &:before { + content: $tgico-largeplay; + } +} +.tgico-lamp { + &:before { + content: $tgico-lamp; + } +} +.tgico-keyboard { + &:before { + content: $tgico-keyboard; + } +} +.tgico-info { + &:before { + content: $tgico-info; + } +} +.tgico-italic { + &:before { + content: $tgico-italic; + } +} +.tgico-group { + &:before { + content: $tgico-group; + } +} +.tgico-help { + &:before { + content: $tgico-help; + } +} +.tgico-info2 { + &:before { + content: $tgico-info2; + } +} +.tgico-forward { + &:before { + content: $tgico-forward; + } +} +.tgico-gifs { + &:before { + content: $tgico-gifs; + } +} +.tgico-flag { + &:before { + content: $tgico-flag; + } +} +.tgico-folder { + &:before { + content: $tgico-folder; + } +} +.tgico-eye1 { + &:before { + content: $tgico-eye1; + } +} +.tgico-eye2 { + &:before { + content: $tgico-eye2; + } +} +.tgico-favourites { + &:before { + content: $tgico-favourites; + } +} +.tgico-edit { + &:before { + content: $tgico-edit; + } +} +.tgico-email { + &:before { + content: $tgico-email; + } +} +.tgico-eats { + &:before { + content: $tgico-eats; + } +} +.tgico-dragmedia { + &:before { + content: $tgico-dragmedia; + } +} +.tgico-down { + &:before { + content: $tgico-down; + } +} +.tgico-download { + &:before { + content: $tgico-download; + } +} +.tgico-dragfiles { + &:before { + content: $tgico-dragfiles; + } +} +.tgico-deleteuser { + &:before { + content: $tgico-deleteuser; + } +} +.tgico-document { + &:before { + content: $tgico-document; + } +} +.tgico-delete_filled { + &:before { + content: $tgico-delete_filled; + } +} +.tgico-delete { + &:before { + content: $tgico-delete; + } +} +.tgico-deleteleft { + &:before { + content: $tgico-deleteleft; + } +} +.tgico-copy { + &:before { + content: $tgico-copy; + } +} +.tgico-data { + &:before { + content: $tgico-data; + } +} +.tgico-commentssticker { + &:before { + content: $tgico-commentssticker; + } +} +.tgico-clouddownload { + &:before { + content: $tgico-clouddownload; + } +} +.tgico-colorize { + &:before { + content: $tgico-colorize; + } +} +.tgico-comments { + &:before { + content: $tgico-comments; + } +} +.tgico-checkboxon { + &:before { + content: $tgico-checkboxon; + } +} +.tgico-close { + &:before { + content: $tgico-close; + } +} +.tgico-checkbox { + &:before { + content: $tgico-checkbox; + } +} +.tgico-checkboxblock { + &:before { + content: $tgico-checkboxblock; + } +} +.tgico-checkboxempty { + &:before { + content: $tgico-checkboxempty; + } +} +.tgico-chatsplaceholder { + &:before { + content: $tgico-chatsplaceholder; + } +} +.tgico-check { + &:before { + content: $tgico-check; + } +} +.tgico-channel { + &:before { + content: $tgico-channel; + } +} +.tgico-channelviews { + &:before { + content: $tgico-channelviews; + } +} +.tgico-chatspinned { + &:before { + content: $tgico-chatspinned; + } +} +.tgico-cameraadd { + &:before { + content: $tgico-cameraadd; + } +} +.tgico-car { + &:before { + content: $tgico-car; + } +} +.tgico-camera { + &:before { + content: $tgico-camera; + } +} +.tgico-bots { + &:before { + content: $tgico-bots; + } +} +.tgico-calendar { + &:before { + content: $tgico-calendar; + } +} +.tgico-calendarfilter { + &:before { + content: $tgico-calendarfilter; + } +} +.tgico-botcom { + &:before { + content: $tgico-botcom; + } +} +.tgico-avatar_deletedaccount { + &:before { + content: $tgico-avatar_deletedaccount; + } +} +.tgico-avatar_savedmessages { + &:before { + content: $tgico-avatar_savedmessages; + } +} +.tgico-bold { + &:before { + content: $tgico-bold; + } +} +.tgico-attach { + &:before { + content: $tgico-attach; + } +} +.tgico-avatar_archivedchats { + &:before { + content: $tgico-avatar_archivedchats; + } +} +.tgico-arrow_next { + &:before { + content: $tgico-arrow_next; + } +} +.tgico-arrow_back { + &:before { + content: $tgico-arrow_back; + } +} +.tgico-arrow_down { + &:before { + content: $tgico-arrow_down; + } +} +.tgico-animals { + &:before { + content: $tgico-animals; + } +} +.tgico-archive { + &:before { + content: $tgico-archive; + } +} +.tgico-adduser { + &:before { + content: $tgico-adduser; + } +} +.tgico-admin { + &:before { + content: $tgico-admin; + } +} +.tgico-addmember_filled { + &:before { + content: $tgico-addmember_filled; + } +} +.tgico-activesessions { + &:before { + content: $tgico-activesessions; + } +} +.tgico-add { + &:before { + content: $tgico-add; + } +} +.tgico-fullscreen { + &:before { + content: $tgico-fullscreen; + } +} +.tgico-check_svg1 { + &:before { + content: $tgico-check_svg1; + } +} +.tgico-checks { + &:before { + content: $tgico-checks; + } } diff --git a/src/scss/partials/_ico.scss b/src/scss/partials/_ico.scss index 1549dc9d..62879d69 100644 --- a/src/scss/partials/_ico.scss +++ b/src/scss/partials/_ico.scss @@ -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"; diff --git a/src/scss/partials/_mediaViewer.scss b/src/scss/partials/_mediaViewer.scss index 56413983..f1a86b06 100644 --- a/src/scss/partials/_mediaViewer.scss +++ b/src/scss/partials/_mediaViewer.scss @@ -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!