126 lines
2.3 KiB
SCSS
126 lines
2.3 KiB
SCSS
/*
|
|
* https://github.com/morethanwords/tweb
|
|
* Copyright (C) 2019-2021 Eduard Kuzmenko
|
|
* https://github.com/morethanwords/tweb/blob/master/LICENSE
|
|
*/
|
|
|
|
.page-chats {
|
|
/* display: grid; */
|
|
/* grid-template-columns: 25% 50%; */
|
|
display: flex;
|
|
max-width: calc(#{$large-screen} + 2px) !important;
|
|
|
|
// .avatar-edit {
|
|
// .tgico-cameraadd {
|
|
// top: 52%;
|
|
// }
|
|
// }
|
|
|
|
#main-columns {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
min-height: 100%;
|
|
|
|
//@include respond-to(not-handhelds) {
|
|
height: 100%;
|
|
max-height: 100%;
|
|
//}
|
|
}
|
|
|
|
@include respond-to(handhelds) {
|
|
.main-column {
|
|
width: 100%;
|
|
display: flex !important;
|
|
z-index: 1;
|
|
|
|
/* &:not(.active) {
|
|
display: none;
|
|
} */
|
|
}
|
|
|
|
/* #column-left {
|
|
display: flex!important;
|
|
} */
|
|
}
|
|
|
|
@include respond-to(not-handhelds) {
|
|
#column-center {
|
|
display: flex!important;
|
|
background-color: #e6ebee;
|
|
width: 100%;
|
|
}
|
|
|
|
#column-right {
|
|
display: flex!important;
|
|
}
|
|
|
|
.main-column {
|
|
height: 100%;
|
|
position: relative;
|
|
min-height: 100%;
|
|
max-height: 100%;
|
|
//z-index: auto;
|
|
}
|
|
|
|
#main-columns {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
/* @include respond-to(floating-left-sidebar) {
|
|
.main-column {
|
|
height: calc(var(--vh, 1vh) * 100) !important;
|
|
min-height: calc(var(--vh, 1vh) * 100) !important;
|
|
}
|
|
} */
|
|
|
|
/* @include respond-to(until-floating-left-sidebar) {
|
|
.main-column {
|
|
display: flex !important;
|
|
|
|
&.active {
|
|
z-index: 3;
|
|
}
|
|
|
|
&.to {
|
|
z-index: 4;
|
|
}
|
|
}
|
|
} */
|
|
|
|
#search-container, .sidebar-search {
|
|
flex-direction: column;
|
|
width: 100%;
|
|
max-height: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 3;
|
|
}
|
|
|
|
@include respond-to(large-screens) {
|
|
border-top-width: 0;
|
|
border-right-width: 1px;
|
|
border-bottom-width: 0;
|
|
border-left-width: 1px;
|
|
border-style: solid;
|
|
border-color: var(--border-color);
|
|
}
|
|
|
|
.avatar-edit {
|
|
width: 120px;
|
|
height: 120px;
|
|
margin: 1rem auto 2rem;
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
@include animation-level(2) {
|
|
.main-column {
|
|
transition: transform var(--tabs-transition), filter var(--tabs-transition);;
|
|
}
|
|
}
|
|
}
|