TelegramPWA/src/components/left/ArchivedChats.scss

55 lines
1010 B
SCSS

.ArchivedChats {
overflow: hidden;
height: 100%;
background: var(--color-background);
.left-header {
position: relative;
z-index: var(--z-left-header);
}
.left-header-shadow {
box-shadow: 0 2px 2px var(--color-light-shadow);
}
.DropdownMenuFiller {
width: 2.5rem;
height: 2.5rem;
}
.Button.rtl {
position: absolute;
z-index: 2;
transition: var(--slide-transition) transform;
&.right-aligned {
transform:
translateX(
calc(clamp(var(--left-column-min-width), var(--left-column-width), var(--left-column-max-width)) - 4.375rem)
);
}
&.disable-transition {
transition: none;
}
}
.archived-chats-more-menu {
margin-left: auto !important;
}
.story-toggler-wrapper {
position: relative;
flex-grow: 1;
}
.chat-list-wrapper {
position: relative;
height: calc(100% - var(--header-height));
&.with-story-ribbon {
--extra-height: var(--header-height);
}
}
}