Telegram Web K with changes to work inside I2P https://web.telegram.i2p/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

140 lines
2.3 KiB

#column-left {
display: flex;
flex-direction: column;
#chats-container {
max-height: 100%;
overflow: hidden;
position: relative;
}
.sidebar-slider {
height: 100%;
}
.sidebar-header__btn-container {
position: relative;
width: 39.75px;
height: 39px;
> * {
visibility: hidden;
opacity: 0;
position: absolute;
left: 0;
top: 0;
transition: .2s opacity;
z-index: 2;
&:before {
transition: .2s transform;
transform: rotate(180deg);
}
& + * {
margin-left: 0!important;
}
&.active {
//margin-top: 1px;
opacity: 1;
visibility: visible;
color: #707579;
&:before {
transform: rotate(0deg);
}
}
}
}
.sidebar-tools-button .btn-menu {
width: 217px;
.archived-count {
border-radius: 12px;
min-width: 24px;
padding: 0 8px;
height: 24px;
text-align: center;
line-height: 24px;
color: #fff;
font-weight: 500;
background-color: #c5c9cc;
justify-self: flex-end;
position: absolute;
right: 16px;
}
.archived-count:empty {
display: none;
}
}
.search-group-people {
ul {
display: flex;
flex-direction: row;
padding-left: 4px;
margin-top: -1px;
padding-bottom: 1px;
}
li {
margin-right: 5px;
padding: 0;
}
.rp {
height: 98px;
max-height: 98px;
border-radius: 10px;
max-width: 78px;
width: 78px;
align-items: center;
position: relative;
display: flex;
flex-direction: column;
cursor: pointer;
padding: 12px 0 0 !important;
overflow: hidden;
margin: 0;
}
.user-avatar {
width: 54px;
height: 54px;
}
.user-caption {
max-width: 65px;
padding: 2px 0px 9px;
font-size: 12px;
}
.user-title {
max-width: unset;
}
.search-group-scrollable {
position: relative;
> .scrollable {
position: relative;
}
}
}
}
#search-container {
transition: 150ms ease-in-out opacity,150ms ease-in-out transform;
transform: scale(1.1, 1.1);
opacity: 0;
display: flex;
&.active {
transform: scale(1, 1);
transform-origin: center;
opacity: 1;
}
}