2021-04-08 15:52:31 +02:00
|
|
|
|
/*
|
|
|
|
|
* https://github.com/morethanwords/tweb
|
|
|
|
|
* Copyright (C) 2019-2021 Eduard Kuzmenko
|
|
|
|
|
* https://github.com/morethanwords/tweb/blob/master/LICENSE
|
|
|
|
|
*/
|
|
|
|
|
|
2020-04-24 02:48:48 +02:00
|
|
|
|
#column-left {
|
2020-06-05 18:01:06 +02:00
|
|
|
|
//display: flex;
|
2020-02-06 16:43:07 +01:00
|
|
|
|
flex-direction: column;
|
2021-05-03 18:32:28 +02:00
|
|
|
|
flex: 1 1 auto;
|
2023-02-10 16:56:59 +01:00
|
|
|
|
// min-width: unquote('min(100%, 18rem)');
|
2021-04-02 16:32:10 +02:00
|
|
|
|
max-width: calc(#{$large-screen} / 4);
|
2023-02-10 16:56:59 +01:00
|
|
|
|
width: calc(#{$large-screen} / 4);
|
2020-09-23 22:29:53 +02:00
|
|
|
|
|
2020-09-26 00:47:43 +02:00
|
|
|
|
@include respond-to(handhelds) {
|
|
|
|
|
width: 100%;
|
|
|
|
|
max-width: 100%;
|
2020-12-21 01:38:21 +01:00
|
|
|
|
|
|
|
|
|
body:not(.is-left-column-shown) & {
|
|
|
|
|
transform: translate3d(-25vw, 0, 0);
|
|
|
|
|
filter: brightness(80%);
|
|
|
|
|
}
|
2020-09-26 00:47:43 +02:00
|
|
|
|
}
|
2021-05-03 18:32:28 +02:00
|
|
|
|
|
|
|
|
|
@include respond-to(not-handhelds) {
|
|
|
|
|
overflow: visible;
|
|
|
|
|
|
|
|
|
|
&:after {
|
|
|
|
|
position: absolute;
|
|
|
|
|
content: " ";
|
|
|
|
|
display: block;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
width: 1px;
|
|
|
|
|
background-color: var(--border-color);
|
2023-01-16 21:48:28 +01:00
|
|
|
|
inset-inline-end: -1px;
|
2021-05-03 18:32:28 +02:00
|
|
|
|
top: 0;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-09-26 00:47:43 +02:00
|
|
|
|
|
|
|
|
|
@include respond-to(floating-left-sidebar) {
|
|
|
|
|
display: flex;
|
|
|
|
|
position: fixed;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
2020-10-30 23:39:36 +01:00
|
|
|
|
/* height: calc(var(--vh, 1vh) * 100);
|
|
|
|
|
min-height: calc(var(--vh, 1vh) * 100) !important; */
|
2020-09-26 00:47:43 +02:00
|
|
|
|
width: 26.5rem;
|
|
|
|
|
transform: translate3d(-5rem, 0, 0);
|
|
|
|
|
transition: transform var(--layer-transition);
|
2021-02-16 16:36:26 +01:00
|
|
|
|
max-width: unset;
|
2021-01-03 16:59:13 +01:00
|
|
|
|
|
|
|
|
|
body.animation-level-0 & {
|
|
|
|
|
transition: none;
|
|
|
|
|
}
|
2020-09-26 00:47:43 +02:00
|
|
|
|
|
|
|
|
|
body.is-left-column-shown & {
|
|
|
|
|
transform: translateZ(0);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@include respond-to(no-floating-left-sidebar) {
|
|
|
|
|
display: flex;
|
|
|
|
|
}
|
|
|
|
|
|
2020-09-23 22:29:53 +02:00
|
|
|
|
@include respond-to(before-medium-screens) {
|
|
|
|
|
flex: 2;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// ! WARNING, ОЧЕНЬ КРУТОЙ КОСТЫЛЬ - ФИКС ЧЁРНОЙ РАМКИ У КАРТИНОК С ХВОСТИКОМ
|
|
|
|
|
html.is-safari & {
|
|
|
|
|
@include respond-to(large-screens) {
|
|
|
|
|
max-width: calc(#{$large-screen} / 4 - 1.25px);
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-02-06 16:43:07 +01:00
|
|
|
|
|
2022-11-11 17:21:29 +01:00
|
|
|
|
// .item-main {
|
|
|
|
|
// --menu-size: 3.1875rem;
|
|
|
|
|
// }
|
2021-05-03 21:17:50 +02:00
|
|
|
|
|
2023-01-06 20:27:29 +01:00
|
|
|
|
.item-main .menu-horizontal {
|
2021-12-20 09:34:34 +01:00
|
|
|
|
&-scrollable {
|
2022-11-11 17:21:29 +01:00
|
|
|
|
// --scrollable-size: var(--menu-size);
|
2021-12-20 09:34:34 +01:00
|
|
|
|
z-index: 1;
|
|
|
|
|
background-color: var(--surface-color);
|
2020-06-20 03:11:24 +02:00
|
|
|
|
position: relative;
|
2021-12-20 09:34:34 +01:00
|
|
|
|
top: unset;
|
2023-01-06 20:27:29 +01:00
|
|
|
|
|
2021-12-20 09:34:34 +01:00
|
|
|
|
@include respond-to(handhelds) {
|
|
|
|
|
box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, .16);
|
|
|
|
|
}
|
2023-01-06 20:27:29 +01:00
|
|
|
|
|
2021-12-20 09:34:34 +01:00
|
|
|
|
.scrollable {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.badge {
|
2023-01-16 18:26:51 +01:00
|
|
|
|
margin-inline-start: 5px;
|
2021-12-20 09:34:34 +01:00
|
|
|
|
//line-height: inherit !important;
|
|
|
|
|
}
|
2023-01-06 20:27:29 +01:00
|
|
|
|
|
2021-12-20 09:34:34 +01:00
|
|
|
|
&:not(.hide) + #folders-container {
|
2022-11-11 17:21:29 +01:00
|
|
|
|
height: calc(100% - var(--scrollable-size));
|
2021-12-20 09:34:34 +01:00
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
.scrollable {
|
|
|
|
|
padding-top: .5rem;
|
|
|
|
|
}
|
2022-06-17 18:01:43 +02:00
|
|
|
|
|
|
|
|
|
.dialogs-placeholder-canvas {
|
|
|
|
|
top: .5rem;
|
|
|
|
|
}
|
2021-12-20 09:34:34 +01:00
|
|
|
|
|
|
|
|
|
/* .chatlist {
|
|
|
|
|
top: .5rem;
|
|
|
|
|
} */
|
|
|
|
|
}
|
2020-06-19 13:49:55 +02:00
|
|
|
|
}
|
|
|
|
|
|
2021-12-20 09:34:34 +01:00
|
|
|
|
&-div {
|
2020-12-25 18:38:32 +01:00
|
|
|
|
position: relative !important;
|
2021-01-18 19:34:41 +01:00
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
z-index: 0;
|
2022-11-11 17:21:29 +01:00
|
|
|
|
// padding: 0 0 5px; // 4px + 1px border // floating design
|
2021-12-20 09:34:34 +01:00
|
|
|
|
--padding-horizontal: .6875rem;
|
|
|
|
|
|
|
|
|
|
@include respond-to(handhelds) {
|
|
|
|
|
--padding-horizontal: .1875rem;
|
|
|
|
|
}
|
2020-06-20 03:11:24 +02:00
|
|
|
|
|
2021-01-18 19:34:41 +01:00
|
|
|
|
&-item {
|
2020-09-23 22:29:53 +02:00
|
|
|
|
flex: 0 0 auto;
|
|
|
|
|
min-width: 3rem;
|
2020-06-20 03:11:24 +02:00
|
|
|
|
}
|
2020-06-21 14:25:17 +02:00
|
|
|
|
|
|
|
|
|
&__stripe {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
2020-06-20 03:11:24 +02:00
|
|
|
|
}
|
2020-02-06 16:43:07 +01:00
|
|
|
|
}
|
|
|
|
|
|
2022-06-17 18:01:43 +02:00
|
|
|
|
.folders-tabs-scrollable {
|
|
|
|
|
flex: 0 0 auto;
|
|
|
|
|
}
|
|
|
|
|
|
2021-12-20 09:34:34 +01:00
|
|
|
|
/* .folders-tabs-scrollable {
|
2021-04-13 18:19:52 +02:00
|
|
|
|
.menu-horizontal-div-item:first-child {
|
2023-01-16 18:26:51 +01:00
|
|
|
|
margin-inline-start: .6875rem;
|
2021-04-13 18:19:52 +02:00
|
|
|
|
|
|
|
|
|
@include respond-to(handhelds) {
|
2023-01-16 18:26:51 +01:00
|
|
|
|
margin-inline-start: .1875rem;
|
2021-04-13 18:19:52 +02:00
|
|
|
|
}
|
2021-01-25 20:06:44 +01:00
|
|
|
|
}
|
2021-12-20 09:34:34 +01:00
|
|
|
|
} */
|
2021-01-13 11:48:35 +01:00
|
|
|
|
|
2020-12-25 18:38:32 +01:00
|
|
|
|
.item-main {
|
2022-11-11 17:21:29 +01:00
|
|
|
|
--offset-top: 0;
|
|
|
|
|
background-color: var(--surface-color);
|
|
|
|
|
|
2020-12-25 18:38:32 +01:00
|
|
|
|
.input-search {
|
|
|
|
|
/* &-input {
|
|
|
|
|
--paddingLeft: 0px;
|
2023-01-16 18:26:51 +01:00
|
|
|
|
padding-inline-start: calc(42px - var(--border-width) + var(--paddingLeft));
|
2020-12-25 18:38:32 +01:00
|
|
|
|
} */
|
|
|
|
|
|
|
|
|
|
.selector-user {
|
|
|
|
|
height: 30px;
|
2022-11-11 17:21:29 +01:00
|
|
|
|
position: absolute !important;
|
2023-01-16 21:48:28 +01:00
|
|
|
|
inset-inline-start: 6px;
|
2021-04-03 21:25:43 +02:00
|
|
|
|
top: 6px;
|
2020-12-25 18:38:32 +01:00
|
|
|
|
z-index: 1;
|
2023-01-16 18:26:51 +01:00
|
|
|
|
margin-inline-start: 0;
|
2021-09-01 19:17:06 +02:00
|
|
|
|
line-height: 1.875rem;
|
2020-12-25 18:38:32 +01:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.is-picked {
|
|
|
|
|
.input-search-input {
|
2023-01-16 18:26:51 +01:00
|
|
|
|
padding-inline-start: calc(var(--paddingLeft) + 12px - var(--border-width));
|
2020-12-25 18:38:32 +01:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tgico-close {
|
|
|
|
|
display: block !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.is-picked-twice {
|
|
|
|
|
.selector-user:first-of-type {
|
|
|
|
|
width: 30px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.selector-user:last-of-type {
|
2023-01-16 21:48:28 +01:00
|
|
|
|
inset-inline-start: 38px;
|
2020-12-25 18:38:32 +01:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.search-helper {
|
|
|
|
|
display: flex;
|
2023-01-16 18:26:51 +01:00
|
|
|
|
margin-inline-start: 28px;
|
2020-12-29 09:08:50 +01:00
|
|
|
|
|
|
|
|
|
@include respond-to(handhelds) {
|
2023-01-16 18:26:51 +01:00
|
|
|
|
margin-inline-start: 20px;
|
2020-12-29 09:08:50 +01:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.selector-user {
|
|
|
|
|
margin-top: 7px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
2021-04-03 21:25:43 +02:00
|
|
|
|
@include hover() {
|
|
|
|
|
background-color: var(--light-primary-color);
|
2020-12-29 09:08:50 +01:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-avatar:after {
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-08-11 15:39:49 +02:00
|
|
|
|
|
|
|
|
|
&:empty {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
2020-12-29 09:08:50 +01:00
|
|
|
|
}
|
|
|
|
|
|
2021-09-14 06:59:07 +02:00
|
|
|
|
.search-super-tabs-scrollable {
|
|
|
|
|
flex: 0 0 auto;
|
2021-01-02 11:34:16 +01:00
|
|
|
|
position: relative !important;
|
2020-12-29 09:08:50 +01:00
|
|
|
|
|
2021-03-11 23:39:57 +01:00
|
|
|
|
&:before {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
2021-01-18 19:34:41 +01:00
|
|
|
|
.menu-horizontal-div-item {
|
2021-01-02 11:34:16 +01:00
|
|
|
|
flex: 1 0 auto !important;
|
2020-12-29 09:08:50 +01:00
|
|
|
|
}
|
2020-12-25 18:38:32 +01:00
|
|
|
|
}
|
2021-04-14 10:36:28 +02:00
|
|
|
|
|
|
|
|
|
.search-super {
|
|
|
|
|
.preloader {
|
|
|
|
|
height: 100%;
|
|
|
|
|
top: 50%;
|
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-12-25 18:38:32 +01:00
|
|
|
|
}
|
|
|
|
|
|
2020-12-01 16:38:36 +01:00
|
|
|
|
#chatlist-container {
|
2020-06-20 03:11:24 +02:00
|
|
|
|
max-height: 100%;
|
2021-12-20 09:34:34 +01:00
|
|
|
|
// overflow: hidden;
|
2020-06-20 03:11:24 +02:00
|
|
|
|
position: relative;
|
2021-04-02 16:32:10 +02:00
|
|
|
|
background-color: var(--surface-color);
|
2021-12-20 09:34:34 +01:00
|
|
|
|
|
|
|
|
|
&.has-filters {
|
|
|
|
|
.connection-status-bottom {
|
2022-01-08 13:52:14 +01:00
|
|
|
|
height: calc(100% + var(--offset-top) * -1);
|
2021-12-20 09:34:34 +01:00
|
|
|
|
}
|
|
|
|
|
}
|
2020-06-20 03:11:24 +02:00
|
|
|
|
}
|
|
|
|
|
|
2020-08-31 18:48:46 +02:00
|
|
|
|
#folders-container {
|
2022-06-17 18:01:43 +02:00
|
|
|
|
flex: 1 1 auto;
|
|
|
|
|
|
2021-06-09 13:42:16 +02:00
|
|
|
|
.scrollable-y {
|
2021-04-07 19:11:08 +02:00
|
|
|
|
background-color: transparent;
|
2021-06-02 12:35:30 +02:00
|
|
|
|
position: absolute;
|
2021-06-09 13:42:16 +02:00
|
|
|
|
|
|
|
|
|
&.active { // fix safari 14.0.2 scrollHeight
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
2021-04-07 19:11:08 +02:00
|
|
|
|
}
|
2020-08-31 18:48:46 +02:00
|
|
|
|
}
|
|
|
|
|
|
2022-06-17 18:01:43 +02:00
|
|
|
|
.dialogs-placeholder-canvas {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
}
|
|
|
|
|
|
2020-05-06 03:03:31 +02:00
|
|
|
|
.sidebar-slider {
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
2020-02-15 16:20:38 +01:00
|
|
|
|
.sidebar-header__btn-container {
|
|
|
|
|
position: relative;
|
2021-02-15 16:49:58 +01:00
|
|
|
|
width: 2.5rem;
|
|
|
|
|
height: 2.5rem;
|
2021-01-11 16:21:03 +01:00
|
|
|
|
flex: 0 0 auto;
|
2021-02-15 16:49:58 +01:00
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
2020-02-15 16:20:38 +01:00
|
|
|
|
|
2020-09-23 22:29:53 +02:00
|
|
|
|
> .btn-icon {
|
2020-02-15 16:20:38 +01:00
|
|
|
|
visibility: hidden;
|
|
|
|
|
opacity: 0;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
2021-02-15 16:49:58 +01:00
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
2023-01-06 20:27:29 +01:00
|
|
|
|
// z-index: 2;
|
|
|
|
|
z-index: 4; // over forum
|
2021-02-15 16:49:58 +01:00
|
|
|
|
margin: 0;
|
2020-02-15 16:20:38 +01:00
|
|
|
|
|
2022-11-11 17:21:29 +01:00
|
|
|
|
body.animation-level-0 &:before {
|
2021-01-03 16:59:13 +01:00
|
|
|
|
transition: none;
|
|
|
|
|
}
|
|
|
|
|
|
2021-02-18 17:05:33 +01:00
|
|
|
|
&.is-visible {
|
2020-04-19 23:40:00 +02:00
|
|
|
|
//margin-top: 1px;
|
2020-02-15 16:20:38 +01:00
|
|
|
|
opacity: 1;
|
|
|
|
|
visibility: visible;
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-06-19 13:49:55 +02:00
|
|
|
|
|
2021-04-02 23:45:51 +02:00
|
|
|
|
@include respond-to(handhelds) {
|
|
|
|
|
.btn-menu {
|
2021-02-15 16:49:58 +01:00
|
|
|
|
margin-top: -.25rem;
|
2020-06-19 13:49:55 +02:00
|
|
|
|
}
|
|
|
|
|
}
|
2020-02-15 16:20:38 +01:00
|
|
|
|
}
|
|
|
|
|
|
2021-04-13 23:06:57 +02:00
|
|
|
|
.sidebar-tools-button {
|
|
|
|
|
width: 100%;
|
2023-01-17 20:28:27 +01:00
|
|
|
|
|
2021-04-13 23:06:57 +02:00
|
|
|
|
.btn-menu {
|
2022-12-13 16:23:03 +01:00
|
|
|
|
min-width: 260px;
|
2021-10-26 01:48:16 +02:00
|
|
|
|
max-height: calc(100 * var(--vh) - 3.75rem);
|
2023-01-17 20:28:27 +01:00
|
|
|
|
|
|
|
|
|
&-item {
|
2023-01-16 18:26:51 +01:00
|
|
|
|
padding-inline-end: .375rem;
|
2021-04-13 23:06:57 +02:00
|
|
|
|
}
|
2023-01-17 20:28:27 +01:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.archived-count {
|
|
|
|
|
justify-self: flex-end;
|
|
|
|
|
margin-inline-start: .625rem;
|
|
|
|
|
|
|
|
|
|
html.is-mobile & {
|
|
|
|
|
margin-inline-end: .375rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@include respond-to(handhelds) {
|
|
|
|
|
font-weight: var(--font-weight-bold);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:empty {
|
|
|
|
|
display: none;
|
2020-02-15 16:20:38 +01:00
|
|
|
|
}
|
2020-02-14 17:15:41 +01:00
|
|
|
|
}
|
|
|
|
|
|
2020-05-06 03:03:31 +02:00
|
|
|
|
.search-group-people {
|
2021-03-19 13:14:42 +01:00
|
|
|
|
.chatlist {
|
2020-05-06 03:03:31 +02:00
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
margin-top: -1px;
|
2022-11-27 14:09:10 +01:00
|
|
|
|
padding: 0 0 1px;
|
2020-05-06 03:03:31 +02:00
|
|
|
|
|
2022-11-27 14:09:10 +01:00
|
|
|
|
&:before,
|
|
|
|
|
&:after {
|
|
|
|
|
content: " ";
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: .3125rem;
|
|
|
|
|
flex: 0 0 auto;
|
|
|
|
|
}
|
2020-06-21 14:25:17 +02:00
|
|
|
|
|
2022-11-27 14:09:10 +01:00
|
|
|
|
&-chat {
|
|
|
|
|
width: 4.875rem;
|
|
|
|
|
max-width: 4.875rem;
|
|
|
|
|
height: 6.125rem;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
align-items: center;
|
|
|
|
|
flex: 0 0 auto;
|
|
|
|
|
padding: 0 !important;
|
2023-01-31 15:38:29 +01:00
|
|
|
|
border-radius: $border-radius-medium;
|
2020-06-21 14:25:17 +02:00
|
|
|
|
}
|
2020-05-06 03:03:31 +02:00
|
|
|
|
}
|
|
|
|
|
|
2022-11-27 14:09:10 +01:00
|
|
|
|
.dialog {
|
|
|
|
|
&-title-details,
|
|
|
|
|
&-subtitle {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-title {
|
|
|
|
|
max-width: 65px;
|
|
|
|
|
padding-bottom: .75rem;
|
|
|
|
|
|
|
|
|
|
.user-title {
|
|
|
|
|
font-size: .75rem !important;
|
|
|
|
|
}
|
2020-11-21 14:13:23 +01:00
|
|
|
|
|
2022-11-27 14:09:10 +01:00
|
|
|
|
.peer-title {
|
|
|
|
|
font-weight: var(--font-weight-normal) !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-06-21 14:25:17 +02:00
|
|
|
|
|
2022-11-27 14:09:10 +01:00
|
|
|
|
&-avatar {
|
2023-01-16 21:48:28 +01:00
|
|
|
|
inset-inline-start: auto !important;
|
2022-11-27 14:09:10 +01:00
|
|
|
|
top: .75rem !important;
|
2020-06-21 14:25:17 +02:00
|
|
|
|
}
|
2020-05-06 03:03:31 +02:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.search-group-scrollable {
|
|
|
|
|
position: relative;
|
|
|
|
|
|
2020-06-21 14:25:17 +02:00
|
|
|
|
@include respond-to(handhelds) {
|
2023-01-16 18:26:51 +01:00
|
|
|
|
margin-inline-start: -7px;
|
2020-06-21 14:25:17 +02:00
|
|
|
|
margin-top: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
2020-05-06 03:03:31 +02:00
|
|
|
|
> .scrollable {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-05-09 14:02:07 +02:00
|
|
|
|
|
|
|
|
|
.item-main .sidebar-content {
|
2022-11-11 17:21:29 +01:00
|
|
|
|
// overflow: visible;
|
2022-01-25 07:35:43 +01:00
|
|
|
|
justify-content: center;
|
2021-12-20 09:34:34 +01:00
|
|
|
|
|
2020-05-09 14:02:07 +02:00
|
|
|
|
.btn-menu {
|
|
|
|
|
bottom: calc(100% + 10px);
|
|
|
|
|
}
|
|
|
|
|
|
2020-06-05 18:01:06 +02:00
|
|
|
|
.btn-corner {
|
2021-04-15 01:45:29 +02:00
|
|
|
|
&:not(.menu-open) .tgico-newchat_filled,
|
|
|
|
|
&.menu-open .tgico-close {
|
|
|
|
|
visibility: visible !important;
|
2020-06-05 18:01:06 +02:00
|
|
|
|
}
|
|
|
|
|
|
2021-08-24 18:33:04 +02:00
|
|
|
|
@include animation-level(2) {
|
|
|
|
|
&:not(.menu-open) .tgico-newchat_filled,
|
|
|
|
|
&.menu-open .tgico-close {
|
|
|
|
|
animation: grow-icon .4s forwards ease-in-out !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-06-13 10:19:39 +02:00
|
|
|
|
@include respond-to(handhelds) {
|
2021-04-23 14:44:19 +02:00
|
|
|
|
--size: 54px;
|
2020-06-13 10:19:39 +02:00
|
|
|
|
bottom: 14px;
|
|
|
|
|
right: 14px;
|
2020-09-26 00:47:43 +02:00
|
|
|
|
|
|
|
|
|
position: fixed !important;
|
|
|
|
|
z-index: 1;
|
2020-06-13 10:19:39 +02:00
|
|
|
|
}
|
|
|
|
|
|
2021-04-26 16:33:51 +02:00
|
|
|
|
/* html:not(.no-touch) & {
|
|
|
|
|
transform: translateZ(0);
|
|
|
|
|
} */
|
|
|
|
|
&:not(.is-hidden) {
|
2021-04-02 23:45:51 +02:00
|
|
|
|
transform: translateZ(0);
|
2020-05-09 14:02:07 +02:00
|
|
|
|
}
|
|
|
|
|
}
|
2021-04-16 15:30:42 +02:00
|
|
|
|
|
2021-04-26 16:33:51 +02:00
|
|
|
|
/* html.no-touch &:hover .btn-corner:not(.is-hidden) {
|
2021-04-16 15:30:42 +02:00
|
|
|
|
transform: translateZ(0);
|
2021-04-26 16:33:51 +02:00
|
|
|
|
} */
|
2020-05-09 14:02:07 +02:00
|
|
|
|
}
|
2020-11-15 04:33:47 +01:00
|
|
|
|
|
|
|
|
|
.connection-status {
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding: 0 .5rem .5rem;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
flex: 0 0 auto;
|
|
|
|
|
|
2020-11-15 22:14:05 +01:00
|
|
|
|
&:not(.is-shown) {
|
2020-11-15 04:33:47 +01:00
|
|
|
|
.connection-status-button {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-15 22:14:05 +01:00
|
|
|
|
&.is-shown {
|
2020-11-15 04:33:47 +01:00
|
|
|
|
&.animating {
|
2021-12-20 09:34:34 +01:00
|
|
|
|
.connection-status-button,
|
|
|
|
|
& + .connection-status-bottom {
|
2020-11-15 04:33:47 +01:00
|
|
|
|
transition: transform var(--layer-transition);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:not(.backwards) {
|
|
|
|
|
.connection-status-button {
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
& + .connection-status-bottom {
|
2021-12-20 09:34:34 +01:00
|
|
|
|
transform: translateY(calc(64px + var(--offset-top)));
|
2020-11-15 04:33:47 +01:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:not(.animating):not(.backwards) {
|
|
|
|
|
& + .connection-status-bottom {
|
2021-12-20 09:34:34 +01:00
|
|
|
|
height: calc(100% - 64px + var(--offset-top));
|
2020-11-15 04:33:47 +01:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-button {
|
|
|
|
|
color: #2e3939;
|
|
|
|
|
align-self: center;
|
2021-06-22 03:34:04 +02:00
|
|
|
|
cursor: default;
|
2023-01-16 18:26:51 +01:00
|
|
|
|
padding-inline-start: 4.5rem;
|
2023-01-16 21:48:28 +01:00
|
|
|
|
text-align: start;
|
2020-11-15 04:33:47 +01:00
|
|
|
|
height: 3.5rem;
|
|
|
|
|
|
2021-06-22 03:34:04 +02:00
|
|
|
|
.force-reconnect {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
color: inherit;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-15 04:33:47 +01:00
|
|
|
|
transform: translateY(-100%);
|
2021-01-18 19:34:41 +01:00
|
|
|
|
|
|
|
|
|
.preloader-container {
|
2020-11-15 04:33:47 +01:00
|
|
|
|
right: auto;
|
2023-01-16 21:48:28 +01:00
|
|
|
|
inset-inline-start: 1rem;
|
2021-01-18 19:34:41 +01:00
|
|
|
|
width: 1.5rem;
|
|
|
|
|
height: 1.5rem;
|
|
|
|
|
|
|
|
|
|
.preloader-path-new {
|
2020-11-15 04:33:47 +01:00
|
|
|
|
stroke: #2e3939;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-bottom {
|
2021-12-20 09:34:34 +01:00
|
|
|
|
--offset-top: 0px;
|
2020-11-15 04:33:47 +01:00
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
overflow: hidden;
|
2021-06-22 03:34:04 +02:00
|
|
|
|
background-color: var(--surface-color);
|
2020-11-15 04:33:47 +01:00
|
|
|
|
|
2021-12-20 09:34:34 +01:00
|
|
|
|
transform: translateY(var(--offset-top));
|
2020-11-15 04:33:47 +01:00
|
|
|
|
height: 100%;
|
|
|
|
|
|
2022-06-17 18:01:43 +02:00
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
2020-11-15 04:33:47 +01:00
|
|
|
|
/* transform: translateY(64px);
|
|
|
|
|
height: calc(100% - 64px); */
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-01-01 20:44:31 +01:00
|
|
|
|
|
|
|
|
|
.input-wrapper {
|
|
|
|
|
width: 420px;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
flex: 0 0 auto;
|
2022-01-08 13:52:14 +01:00
|
|
|
|
padding: 0 .75rem;
|
2021-01-01 20:44:31 +01:00
|
|
|
|
max-width: 100%;
|
2022-01-08 13:52:14 +01:00
|
|
|
|
margin: .75rem 0;
|
2021-01-01 20:44:31 +01:00
|
|
|
|
|
|
|
|
|
@include respond-to(handhelds) {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-05-06 03:03:31 +02:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#search-container {
|
|
|
|
|
display: flex;
|
2022-11-11 17:21:29 +01:00
|
|
|
|
top: var(--offset-top) !important;
|
2021-06-03 17:53:16 +02:00
|
|
|
|
|
|
|
|
|
.scrollable-y {
|
|
|
|
|
position: relative;
|
2021-09-14 06:59:07 +02:00
|
|
|
|
flex: 1 1 auto;
|
2021-06-03 17:53:16 +02:00
|
|
|
|
}
|
2020-02-06 16:43:07 +01:00
|
|
|
|
}
|
2020-05-09 14:02:07 +02:00
|
|
|
|
|
2022-11-27 14:09:10 +01:00
|
|
|
|
.new-channel-container,
|
|
|
|
|
.new-group-container,
|
|
|
|
|
.edit-profile-container {
|
2020-05-09 14:02:07 +02:00
|
|
|
|
.sidebar-content {
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
}
|
|
|
|
|
|
2020-12-01 16:38:36 +01:00
|
|
|
|
.chatlist-container {
|
2020-05-09 14:02:07 +02:00
|
|
|
|
flex: 1 1 auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.caption {
|
2022-11-27 14:09:10 +01:00
|
|
|
|
font-size: .875rem;
|
2020-05-09 14:02:07 +02:00
|
|
|
|
margin-top: 14px;
|
2023-01-16 18:26:51 +01:00
|
|
|
|
margin-inline-start: 23px;
|
2021-04-02 16:32:10 +02:00
|
|
|
|
color: var(--secondary-text-color);
|
2023-01-16 18:26:51 +01:00
|
|
|
|
padding-inline-end: 24px;
|
2020-06-20 03:11:24 +02:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-04-15 01:45:29 +02:00
|
|
|
|
.language-container {
|
|
|
|
|
.sidebar-left-section {
|
|
|
|
|
padding-bottom: .5rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-03-25 19:07:00 +01:00
|
|
|
|
.new-group-container {
|
|
|
|
|
.search-group {
|
|
|
|
|
margin-top: .5rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-06-20 03:11:24 +02:00
|
|
|
|
.edit-folder-container {
|
2021-04-15 01:45:29 +02:00
|
|
|
|
.chatlist {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.folder-categories {
|
|
|
|
|
.folder-category-button {
|
|
|
|
|
&:nth-child(n+2) {
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-01-01 20:44:31 +01:00
|
|
|
|
}
|
2020-05-09 14:02:07 +02:00
|
|
|
|
}
|
2020-05-13 17:26:40 +02:00
|
|
|
|
|
|
|
|
|
.new-group-members {
|
2021-01-03 11:59:12 +01:00
|
|
|
|
padding: 1.5rem 0 .4375rem;
|
2020-05-13 17:26:40 +02:00
|
|
|
|
|
|
|
|
|
.search-group__name {
|
|
|
|
|
text-transform: capitalize;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.settings-container {
|
|
|
|
|
.profile {
|
2022-02-20 16:37:37 +01:00
|
|
|
|
&-avatars-container {
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
height: 15rem;
|
2020-05-13 17:26:40 +02:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2022-07-26 23:50:05 +02:00
|
|
|
|
// #folders-tabs {
|
|
|
|
|
// @include premium(true) {
|
|
|
|
|
// .menu-horizontal-div-item:nth-child(n+12) {
|
|
|
|
|
// pointer-events: none;
|
|
|
|
|
// opacity: .2;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
|
2020-05-13 17:26:40 +02:00
|
|
|
|
.edit-profile-container {
|
|
|
|
|
.scroll-wrapper {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
2020-06-19 13:49:55 +02:00
|
|
|
|
}
|
|
|
|
|
|
2022-01-16 03:45:41 +01:00
|
|
|
|
.chat-folders-container,
|
|
|
|
|
.edit-folder-container,
|
|
|
|
|
.people-nearby-container {
|
2020-06-19 13:49:55 +02:00
|
|
|
|
user-select: none;
|
|
|
|
|
|
|
|
|
|
.sticker-container {
|
|
|
|
|
width: 86px;
|
|
|
|
|
height: 86px;
|
2020-06-20 03:11:24 +02:00
|
|
|
|
margin: 1px auto 29px;
|
2020-06-19 13:49:55 +02:00
|
|
|
|
flex: 0 0 auto;
|
2020-11-27 20:14:26 +01:00
|
|
|
|
position: relative;
|
2020-06-19 13:49:55 +02:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.caption {
|
|
|
|
|
text-align: center;
|
2021-04-02 16:32:10 +02:00
|
|
|
|
color: var(--secondary-text-color);
|
2022-11-27 14:09:10 +01:00
|
|
|
|
font-size: var(--font-size-14);
|
|
|
|
|
line-height: var(--line-height-14);
|
2021-03-21 12:37:33 +01:00
|
|
|
|
max-width: 20rem;
|
|
|
|
|
margin: 0 auto;
|
2020-06-19 13:49:55 +02:00
|
|
|
|
}
|
2021-03-10 21:57:28 +01:00
|
|
|
|
}
|
2020-06-19 13:49:55 +02:00
|
|
|
|
|
2022-01-16 03:45:41 +01:00
|
|
|
|
.people-nearby-container {
|
|
|
|
|
.sticker-container {
|
|
|
|
|
margin: 1rem auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.caption {
|
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-06-19 13:49:55 +02:00
|
|
|
|
.chat-folders-container {
|
2021-03-10 21:57:28 +01:00
|
|
|
|
.sidebar-left-section {
|
|
|
|
|
&:not(:last-child) {
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2021-04-15 01:45:29 +02:00
|
|
|
|
&:last-child {
|
|
|
|
|
padding-bottom: .5rem;
|
|
|
|
|
}
|
|
|
|
|
|
2021-03-10 21:57:28 +01:00
|
|
|
|
/* &-name {
|
|
|
|
|
padding-top: .5rem;
|
|
|
|
|
padding-bottom: .5rem;
|
|
|
|
|
} */
|
|
|
|
|
}
|
2020-06-19 13:49:55 +02:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-folder-container {
|
|
|
|
|
.caption {
|
|
|
|
|
margin-bottom: 18px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@include respond-to(handhelds) {
|
|
|
|
|
.input-wrapper {
|
2020-06-20 03:11:24 +02:00
|
|
|
|
width: 100%;
|
|
|
|
|
padding: 0 16px;
|
2020-06-19 13:49:55 +02:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-04-15 01:45:29 +02:00
|
|
|
|
.sidebar-left-section {
|
|
|
|
|
padding-bottom: 0rem;
|
|
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
|
padding-bottom: .5rem;
|
|
|
|
|
}
|
2020-06-19 13:49:55 +02:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.folder-categories {
|
2021-01-20 02:38:59 +01:00
|
|
|
|
.checkbox-field {
|
2020-06-20 03:11:24 +02:00
|
|
|
|
position: absolute;
|
2021-04-15 01:45:29 +02:00
|
|
|
|
right: 1.125rem !important;
|
2020-06-20 03:11:24 +02:00
|
|
|
|
}
|
2020-06-19 13:49:55 +02:00
|
|
|
|
}
|
|
|
|
|
|
2020-12-01 16:38:36 +01:00
|
|
|
|
.included-chatlist-container {
|
2021-04-15 01:45:29 +02:00
|
|
|
|
.sidebar-left-section {
|
|
|
|
|
padding-bottom: 0;
|
2020-06-19 13:49:55 +02:00
|
|
|
|
|
2021-04-15 01:45:29 +02:00
|
|
|
|
&:first-child {
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
|
padding-bottom: .5rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chatlist {
|
|
|
|
|
padding: 0;
|
2020-10-21 01:25:36 +02:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.selector {
|
2021-04-15 01:45:29 +02:00
|
|
|
|
.chatlist {
|
2020-06-20 03:11:24 +02:00
|
|
|
|
.checkbox {
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
}
|
2020-06-19 13:49:55 +02:00
|
|
|
|
|
2020-10-18 01:19:56 +02:00
|
|
|
|
[type="checkbox"] + span {
|
2023-01-16 18:26:51 +01:00
|
|
|
|
padding-inline-start: 26px;
|
2020-06-20 03:11:24 +02:00
|
|
|
|
}
|
2020-06-19 13:49:55 +02:00
|
|
|
|
}
|
2020-06-20 03:11:24 +02:00
|
|
|
|
}
|
2023-02-03 10:14:08 +01:00
|
|
|
|
|
|
|
|
|
.chatlist-chat {
|
|
|
|
|
padding-inline-end: 3.5rem !important;
|
|
|
|
|
}
|
2020-06-20 03:11:24 +02:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.search-group-recent {
|
|
|
|
|
.search-group__name {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
2020-06-19 13:49:55 +02:00
|
|
|
|
}
|
2020-06-21 14:25:17 +02:00
|
|
|
|
|
|
|
|
|
.btn-icon {
|
|
|
|
|
//@include respond-to(handhelds) {
|
|
|
|
|
font-size: 22px;
|
|
|
|
|
//}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-09-23 22:29:53 +02:00
|
|
|
|
@include respond-to(handhelds) {
|
|
|
|
|
.search-group-recent.search-group.search-group-contacts ul {
|
2021-03-19 13:14:42 +01:00
|
|
|
|
margin-top: 0;
|
2020-06-21 14:25:17 +02:00
|
|
|
|
}
|
|
|
|
|
|
2020-09-23 22:29:53 +02:00
|
|
|
|
.search-group.search-group-contacts ul, .search-group.search-group-messages ul {
|
2020-06-21 14:25:17 +02:00
|
|
|
|
margin-top: 7px;
|
|
|
|
|
}
|
|
|
|
|
|
2020-09-23 22:29:53 +02:00
|
|
|
|
.search-group.search-group-messages {
|
2020-06-21 14:25:17 +02:00
|
|
|
|
margin-top: -6px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-09-23 22:29:53 +02:00
|
|
|
|
@include respond-to(not-handhelds) {
|
|
|
|
|
.search-group-recent.search-group.search-group-contacts {
|
2020-06-21 14:25:17 +02:00
|
|
|
|
padding: 0px 0 7px;
|
|
|
|
|
}
|
2021-01-02 16:22:11 +01:00
|
|
|
|
}
|
|
|
|
|
|
2021-01-03 11:59:12 +01:00
|
|
|
|
.sidebar-left {
|
|
|
|
|
&-section {
|
2021-04-13 18:19:52 +02:00
|
|
|
|
/* padding-bottom: .75rem;
|
|
|
|
|
|
|
|
|
|
@include respond-to(handhelds) {
|
|
|
|
|
padding-bottom: .5rem;
|
|
|
|
|
} */
|
2022-01-08 13:52:14 +01:00
|
|
|
|
// user-select: none;
|
2021-01-03 11:59:12 +01:00
|
|
|
|
padding: .5rem 0 1rem;
|
2021-03-11 19:50:48 +01:00
|
|
|
|
|
2021-07-20 18:11:58 +02:00
|
|
|
|
&.with-fake-delimiter {
|
2022-01-08 13:52:14 +01:00
|
|
|
|
padding-top: 0 !important;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
|
|
|
|
.gradient-delimiter {
|
|
|
|
|
margin-bottom: .5rem;
|
|
|
|
|
}
|
2021-07-20 18:11:58 +02:00
|
|
|
|
}
|
|
|
|
|
|
2022-02-20 16:37:37 +01:00
|
|
|
|
&.no-padding-top {
|
|
|
|
|
padding-top: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
2021-03-11 19:50:48 +01:00
|
|
|
|
@include respond-to(handhelds) {
|
|
|
|
|
padding-bottom: .5rem;
|
|
|
|
|
}
|
2021-01-03 11:59:12 +01:00
|
|
|
|
|
2021-02-18 18:30:41 +01:00
|
|
|
|
&-content {
|
2021-04-13 18:19:52 +02:00
|
|
|
|
@include respond-to(not-handhelds) {
|
|
|
|
|
margin: 0 .5rem;
|
2021-03-11 19:50:48 +01:00
|
|
|
|
}
|
2021-02-19 16:27:56 +01:00
|
|
|
|
|
|
|
|
|
> .btn-primary {
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
2021-03-17 16:21:42 +01:00
|
|
|
|
|
|
|
|
|
> .checkbox-field {
|
|
|
|
|
.checkbox-box {
|
2023-01-16 21:48:28 +01:00
|
|
|
|
inset-inline-start: auto;
|
2021-03-17 16:21:42 +01:00
|
|
|
|
}
|
|
|
|
|
}
|
2021-04-13 18:19:52 +02:00
|
|
|
|
|
|
|
|
|
@include respond-to(handhelds) {
|
|
|
|
|
> .checkbox-ripple,
|
|
|
|
|
> .btn-primary {
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
2022-02-20 16:37:37 +01:00
|
|
|
|
|
|
|
|
|
&.full-width {
|
|
|
|
|
margin: 0 !important;
|
|
|
|
|
}
|
2022-09-20 19:34:08 +02:00
|
|
|
|
|
|
|
|
|
> .media-sticker-wrapper {
|
|
|
|
|
width: 86px;
|
|
|
|
|
height: 86px;
|
|
|
|
|
margin: 1px auto 29px;
|
|
|
|
|
flex: 0 0 auto;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
2021-01-03 11:59:12 +01:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-name {
|
2021-03-01 18:42:34 +01:00
|
|
|
|
padding: 1rem;
|
2021-03-10 21:57:28 +01:00
|
|
|
|
|
|
|
|
|
@include respond-to(handhelds) {
|
|
|
|
|
padding: .5rem 1rem;
|
|
|
|
|
font-size: .875rem;
|
|
|
|
|
}
|
2021-01-03 11:59:12 +01:00
|
|
|
|
}
|
|
|
|
|
|
2021-01-06 10:16:53 +01:00
|
|
|
|
&-caption {
|
|
|
|
|
margin-top: 1rem;
|
2021-03-11 19:50:48 +01:00
|
|
|
|
font-size: 1rem;
|
2021-04-02 16:32:10 +02:00
|
|
|
|
color: var(--secondary-text-color);
|
2021-03-17 16:21:42 +01:00
|
|
|
|
line-height: var(--line-height);
|
2021-03-01 18:42:34 +01:00
|
|
|
|
padding: 0 1rem;
|
2021-03-10 21:57:28 +01:00
|
|
|
|
|
|
|
|
|
@include respond-to(handhelds) {
|
|
|
|
|
margin: .5rem;
|
|
|
|
|
font-size: .875rem;
|
|
|
|
|
}
|
2021-01-06 10:16:53 +01:00
|
|
|
|
}
|
|
|
|
|
|
2022-11-27 14:09:10 +01:00
|
|
|
|
.checkbox-field,
|
|
|
|
|
.radio-field {
|
2021-01-03 11:59:12 +01:00
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2021-04-13 18:19:52 +02:00
|
|
|
|
// * comment later
|
2021-03-01 16:17:15 +01:00
|
|
|
|
&:first-child:not(.no-delimiter) {
|
2021-01-03 11:59:12 +01:00
|
|
|
|
padding-top: 0;
|
|
|
|
|
}
|
2021-01-02 16:22:11 +01:00
|
|
|
|
|
2021-01-03 11:59:12 +01:00
|
|
|
|
.checkbox-field {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
2021-03-17 14:05:32 +01:00
|
|
|
|
height: 3.5rem;
|
2021-04-15 01:45:29 +02:00
|
|
|
|
padding: 0 1.125rem;
|
2021-01-03 11:59:12 +01:00
|
|
|
|
}
|
|
|
|
|
|
2021-02-01 04:07:44 +01:00
|
|
|
|
&-disabled {
|
|
|
|
|
pointer-events: none !important;
|
|
|
|
|
opacity: .25;
|
|
|
|
|
}
|
2021-02-18 18:30:41 +01:00
|
|
|
|
|
2022-01-08 13:52:14 +01:00
|
|
|
|
.chatlist {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
2021-01-02 16:22:11 +01:00
|
|
|
|
}
|
|
|
|
|
|
2021-01-03 11:59:12 +01:00
|
|
|
|
&-h2 {
|
2021-04-02 16:32:10 +02:00
|
|
|
|
color: var(--primary-color);
|
2021-01-03 11:59:12 +01:00
|
|
|
|
font-size: 16px;
|
2022-04-14 02:37:06 +02:00
|
|
|
|
font-weight: var(--font-weight-bold);
|
2021-01-02 16:22:11 +01:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-01-03 11:59:12 +01:00
|
|
|
|
.general-settings-container {
|
|
|
|
|
user-select: none;
|
2021-04-14 10:30:14 +02:00
|
|
|
|
|
|
|
|
|
.sidebar-left-section {
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sidebar-left-section:last-child {
|
|
|
|
|
padding-bottom: .5rem;
|
|
|
|
|
}
|
2021-01-03 11:59:12 +01:00
|
|
|
|
}
|
|
|
|
|
|
2022-01-08 13:52:14 +01:00
|
|
|
|
#chats-archived-container,
|
|
|
|
|
#contacts-container,
|
|
|
|
|
.add-members-container,
|
|
|
|
|
#search-private-container,
|
|
|
|
|
#stickers-container,
|
|
|
|
|
#poll-results-container,
|
|
|
|
|
#search-gifs-container {
|
|
|
|
|
background-color: var(--surface-color) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chat-folders-container {
|
|
|
|
|
.btn-control {
|
|
|
|
|
margin-bottom: 1.5rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-02-18 18:30:41 +01:00
|
|
|
|
.two-step-verification {
|
2022-01-08 13:52:14 +01:00
|
|
|
|
background-color: var(--surface-color) !important;
|
|
|
|
|
|
2021-03-01 16:17:15 +01:00
|
|
|
|
.sidebar-left-section { // * main tab verified with mockup
|
2022-01-08 13:52:14 +01:00
|
|
|
|
box-shadow: none !important;
|
|
|
|
|
|
2021-03-01 16:17:15 +01:00
|
|
|
|
&:first-child { // ! refactor is needed
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-caption {
|
|
|
|
|
text-align: center;
|
|
|
|
|
max-width: 342px;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
margin-bottom: 1.125rem;
|
|
|
|
|
}
|
2021-02-20 18:10:26 +01:00
|
|
|
|
}
|
|
|
|
|
|
2021-02-27 20:01:25 +01:00
|
|
|
|
&-main {
|
|
|
|
|
.btn-primary + .btn-primary {
|
|
|
|
|
margin-top: .125rem !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-03-30 17:31:11 +02:00
|
|
|
|
.btn-primary:not(.btn-transparent) {
|
|
|
|
|
text-transform: uppercase;
|
2021-02-20 18:10:26 +01:00
|
|
|
|
}
|
|
|
|
|
|
2021-02-18 18:30:41 +01:00
|
|
|
|
.media-sticker-wrapper {
|
|
|
|
|
width: 168px;
|
|
|
|
|
height: 168px;
|
2021-02-20 18:10:26 +01:00
|
|
|
|
margin: .625rem auto 1.1875rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.input-wrapper .btn-primary:first-child:last-child {
|
|
|
|
|
margin-top: .25rem;
|
2021-02-18 18:30:41 +01:00
|
|
|
|
}
|
|
|
|
|
|
2021-02-20 10:07:52 +01:00
|
|
|
|
&-enter-password {
|
|
|
|
|
.media-sticker-wrapper {
|
2021-02-20 18:10:26 +01:00
|
|
|
|
margin: 1.125rem auto 1.8125rem;
|
2021-02-20 10:07:52 +01:00
|
|
|
|
width: 157px;
|
|
|
|
|
height: 157px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-hint {
|
|
|
|
|
.media-sticker-wrapper {
|
2021-02-20 18:10:26 +01:00
|
|
|
|
width: 160px;
|
|
|
|
|
height: 160px;
|
|
|
|
|
margin: .5rem auto 2.25rem;
|
2021-02-20 10:07:52 +01:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-email {
|
|
|
|
|
.media-sticker-wrapper {
|
2021-02-20 18:10:26 +01:00
|
|
|
|
width: 160px;
|
|
|
|
|
height: 160px;
|
|
|
|
|
margin: .5625rem auto 2.1875rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-set {
|
|
|
|
|
.media-sticker-wrapper {
|
|
|
|
|
width: 160px;
|
|
|
|
|
height: 160px;
|
|
|
|
|
margin: 1rem auto 1.3125rem;
|
|
|
|
|
|
2023-01-16 21:48:28 +01:00
|
|
|
|
.rlottie,
|
|
|
|
|
.rlottie-vector {
|
|
|
|
|
inset-inline-start: .625rem;
|
2021-02-20 18:10:26 +01:00
|
|
|
|
}
|
2021-02-20 10:07:52 +01:00
|
|
|
|
}
|
2021-02-19 16:27:56 +01:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-06-25 17:16:16 +02:00
|
|
|
|
.dont-u-dare-block-me {
|
2021-03-01 18:42:34 +01:00
|
|
|
|
.sidebar-left-section.no-delimiter {
|
|
|
|
|
padding-top: .75rem;
|
|
|
|
|
}
|
|
|
|
|
|
2021-06-23 01:31:49 +02:00
|
|
|
|
.sidebar-left-section {
|
|
|
|
|
padding: 0 0 .5rem;
|
2021-03-01 16:17:15 +01:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* .privacy-navigation-container {
|
|
|
|
|
.sidebar-left-section-name + .row {
|
|
|
|
|
margin-top: -5px; // ! just to match mockup.
|
|
|
|
|
}
|
|
|
|
|
} */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.privacy-tab {
|
|
|
|
|
// * just to match mockup
|
2021-03-11 19:50:48 +01:00
|
|
|
|
@include respond-to(not-handhelds) {
|
|
|
|
|
.sidebar-left-section:first-child {
|
|
|
|
|
padding-bottom: 1.125rem;
|
|
|
|
|
}
|
2021-03-01 16:17:15 +01:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
form {
|
2021-03-01 18:42:34 +01:00
|
|
|
|
padding-bottom: .0625rem;
|
2021-03-01 16:17:15 +01:00
|
|
|
|
}
|
2021-03-01 18:42:34 +01:00
|
|
|
|
}
|
2021-03-01 16:17:15 +01:00
|
|
|
|
|
2021-03-01 18:42:34 +01:00
|
|
|
|
.active-sessions-container {
|
|
|
|
|
.row {
|
2022-11-27 14:09:10 +01:00
|
|
|
|
// margin-top: 0;
|
|
|
|
|
// padding-top: 1rem;
|
|
|
|
|
// padding-bottom: .9375rem;
|
2021-03-01 18:42:34 +01:00
|
|
|
|
|
2021-03-02 19:49:35 +01:00
|
|
|
|
&-title:first-child {
|
2022-04-14 02:37:06 +02:00
|
|
|
|
font-weight: var(--font-weight-bold);
|
2021-03-02 19:49:35 +01:00
|
|
|
|
}
|
|
|
|
|
|
2021-03-01 18:42:34 +01:00
|
|
|
|
&-title-right {
|
2022-04-03 21:42:12 +02:00
|
|
|
|
font-size: var(--font-size-12);
|
2021-04-02 16:32:10 +02:00
|
|
|
|
color: var(--secondary-text-color);
|
2022-04-03 21:42:12 +02:00
|
|
|
|
line-height: var(--line-height-12);
|
2021-03-01 18:42:34 +01:00
|
|
|
|
}
|
2021-03-01 20:49:36 +01:00
|
|
|
|
|
2022-04-03 21:42:12 +02:00
|
|
|
|
&-midtitle,
|
|
|
|
|
&-subtitle {
|
2021-03-01 20:49:36 +01:00
|
|
|
|
white-space: nowrap;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
}
|
2021-03-01 18:42:34 +01:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sidebar-left-section:first-child {
|
|
|
|
|
padding-bottom: 0;
|
2021-03-17 16:21:42 +01:00
|
|
|
|
|
|
|
|
|
.row-title {
|
2022-04-14 02:37:06 +02:00
|
|
|
|
font-weight: var(--font-weight-bold);
|
2021-03-17 16:21:42 +01:00
|
|
|
|
}
|
2021-03-01 16:17:15 +01:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-03-02 16:34:02 +01:00
|
|
|
|
.blocked-users-container {
|
2021-03-10 21:57:28 +01:00
|
|
|
|
ul {
|
2021-04-13 18:19:52 +02:00
|
|
|
|
@include respond-to(not-handhelds) {
|
|
|
|
|
padding: 0 .6875rem;
|
|
|
|
|
}
|
2021-03-10 21:57:28 +01:00
|
|
|
|
}
|
2021-03-02 16:34:02 +01:00
|
|
|
|
}
|
|
|
|
|
|
2021-03-08 23:15:44 +01:00
|
|
|
|
.notifications-container {
|
|
|
|
|
.sidebar-left-section {
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-01-02 16:22:11 +01:00
|
|
|
|
.range-setting-selector {
|
2021-01-03 11:59:12 +01:00
|
|
|
|
padding: 1rem .875rem;
|
|
|
|
|
|
2021-01-02 16:22:11 +01:00
|
|
|
|
&-details {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
2021-01-03 11:59:12 +01:00
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
|
}
|
|
|
|
|
|
2021-04-02 16:32:10 +02:00
|
|
|
|
&-name {
|
|
|
|
|
color: var(--primary-text-color);
|
|
|
|
|
}
|
|
|
|
|
|
2021-01-03 11:59:12 +01:00
|
|
|
|
&-value {
|
2021-04-02 16:32:10 +02:00
|
|
|
|
color: var(--secondary-text-color);
|
2021-01-02 16:22:11 +01:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.progress-line {
|
|
|
|
|
--height: 2px;
|
2021-08-20 23:24:59 +02:00
|
|
|
|
--color: var(--primary-color);
|
2021-01-02 16:22:11 +01:00
|
|
|
|
--border-radius: 4px;
|
2021-08-20 23:24:59 +02:00
|
|
|
|
--thumb-size: 12px;
|
2021-01-02 16:22:11 +01:00
|
|
|
|
background-color: #e6ecf0;
|
|
|
|
|
|
|
|
|
|
&__filled {
|
2021-04-02 16:32:10 +02:00
|
|
|
|
background-color: var(--primary-color);
|
2021-01-02 16:22:11 +01:00
|
|
|
|
}
|
|
|
|
|
}
|
2021-01-31 02:52:14 +01:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.background-container {
|
2023-01-25 15:21:38 +01:00
|
|
|
|
.background {
|
2021-01-31 02:52:14 +01:00
|
|
|
|
&-item {
|
|
|
|
|
&:after {
|
|
|
|
|
content: " ";
|
|
|
|
|
display: block;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
2021-04-02 16:32:10 +02:00
|
|
|
|
border: 3px solid var(--primary-color);
|
2021-01-31 02:52:14 +01:00
|
|
|
|
opacity: 0;
|
|
|
|
|
transition: opacity .2s ease-in-out;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.active {
|
|
|
|
|
&:after {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.grid-item-media {
|
|
|
|
|
transform: scale(.91);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-media {
|
|
|
|
|
transition: transform .2s ease-in-out;
|
|
|
|
|
transform: scale(1);
|
2023-01-25 15:21:38 +01:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.preloader-container {
|
|
|
|
|
z-index: 1;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.background {
|
|
|
|
|
&-item {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
&-media {
|
|
|
|
|
border-radius: inherit;
|
2022-03-13 21:51:16 +01:00
|
|
|
|
|
2023-01-25 15:21:38 +01:00
|
|
|
|
&.is-pattern {
|
|
|
|
|
background-color: #000;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
|
|
|
|
|
.media-photo {
|
|
|
|
|
mix-blend-mode: soft-light;
|
2022-03-13 21:51:16 +01:00
|
|
|
|
}
|
2021-01-31 02:52:14 +01:00
|
|
|
|
}
|
|
|
|
|
}
|
2021-04-23 12:41:45 +02:00
|
|
|
|
|
|
|
|
|
.media-photo {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
object-fit: cover;
|
2023-01-25 15:21:38 +01:00
|
|
|
|
border-radius: inherit;
|
2021-04-23 12:41:45 +02:00
|
|
|
|
}
|
2021-01-31 02:52:14 +01:00
|
|
|
|
}
|
2022-03-13 21:51:16 +01:00
|
|
|
|
|
2023-01-25 15:21:38 +01:00
|
|
|
|
&-colors-canvas {
|
2022-03-13 21:51:16 +01:00
|
|
|
|
position: absolute;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
-webkit-mask-position: center;
|
2023-01-25 15:21:38 +01:00
|
|
|
|
-webkit-mask-size: cover;
|
|
|
|
|
border-radius: inherit;
|
2022-03-13 21:51:16 +01:00
|
|
|
|
}
|
2021-01-31 02:52:14 +01:00
|
|
|
|
}
|
2021-04-22 18:58:31 +02:00
|
|
|
|
|
|
|
|
|
.background-image-container {
|
|
|
|
|
.sidebar-left-section {
|
|
|
|
|
padding-bottom: .5rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-05-03 17:35:48 +02:00
|
|
|
|
|
2023-03-01 11:20:49 +01:00
|
|
|
|
.power-saving-container {
|
|
|
|
|
.row.is-disabled {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-07-16 18:04:30 +02:00
|
|
|
|
.empty-placeholder {
|
2021-07-20 18:11:58 +02:00
|
|
|
|
// left: 50%;
|
|
|
|
|
// transform: translate(-50%, -50%);
|
|
|
|
|
// position: absolute;
|
2021-05-03 17:35:48 +02:00
|
|
|
|
top: 40%;
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
text-align: center;
|
|
|
|
|
line-height: var(--line-height);
|
|
|
|
|
user-select: none;
|
2021-07-17 14:37:43 +02:00
|
|
|
|
width: 21rem !important;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
padding: 0 1rem;
|
2021-07-20 18:11:58 +02:00
|
|
|
|
position: relative;
|
2021-05-03 17:35:48 +02:00
|
|
|
|
|
|
|
|
|
.media-sticker-wrapper {
|
|
|
|
|
width: 128px;
|
|
|
|
|
height: 128px;
|
|
|
|
|
margin: 0 auto 1.9375rem;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-header {
|
|
|
|
|
font-size: 1.25rem;
|
2022-04-14 02:37:06 +02:00
|
|
|
|
font-weight: var(--font-weight-bold);
|
2021-05-03 17:35:48 +02:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-subtitle {
|
|
|
|
|
color: var(--secondary-text-color);
|
|
|
|
|
font-size: .875rem;
|
2021-07-17 14:37:43 +02:00
|
|
|
|
margin-top: .375rem;
|
2021-05-03 17:35:48 +02:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.btn-control {
|
|
|
|
|
margin-top: 1.75rem;
|
|
|
|
|
padding: 0 1.0625rem 0 .8125rem;
|
|
|
|
|
|
|
|
|
|
&:before {
|
2023-01-16 18:26:51 +01:00
|
|
|
|
margin-inline-end: .625rem;
|
2021-05-03 17:35:48 +02:00
|
|
|
|
}
|
|
|
|
|
}
|
2021-07-17 14:37:43 +02:00
|
|
|
|
|
|
|
|
|
&-dialogs {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
|
|
|
|
@include animation-level(2) {
|
|
|
|
|
transition: opacity .2s ease-in-out;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-icon {
|
|
|
|
|
margin-bottom: 1.0625rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.visible {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-05-03 17:35:48 +02:00
|
|
|
|
}
|
2023-01-06 20:27:29 +01:00
|
|
|
|
|
|
|
|
|
.is-forum-visible {
|
|
|
|
|
// .item-main,
|
|
|
|
|
.can-have-forum {
|
|
|
|
|
.row-row,
|
|
|
|
|
.input-search,
|
|
|
|
|
.sidebar-header__title {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.folders-tabs-scrollable {
|
|
|
|
|
opacity: var(--disabled-opacity);
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.backwards {
|
|
|
|
|
// .item-main,
|
|
|
|
|
.can-have-forum {
|
|
|
|
|
.row-row,
|
|
|
|
|
.input-search,
|
|
|
|
|
.sidebar-header__title {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.folders-tabs-scrollable {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.animating {
|
|
|
|
|
// .item-main,
|
|
|
|
|
.can-have-forum {
|
|
|
|
|
.row-row,
|
|
|
|
|
.input-search,
|
|
|
|
|
.sidebar-header__title {
|
|
|
|
|
transition: opacity var(--transition-standard-in);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.folders-tabs-scrollable {
|
|
|
|
|
transition: opacity var(--transition-standard-in);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.backwards {
|
|
|
|
|
// .item-main,
|
|
|
|
|
.can-have-forum {
|
|
|
|
|
.row-row,
|
|
|
|
|
.input-search,
|
|
|
|
|
.sidebar-header__title {
|
|
|
|
|
transition: opacity var(--transition-standard-out);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.folders-tabs-scrollable {
|
|
|
|
|
transition: opacity var(--transition-standard-out);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|