TelegramPWA/src/components/left/LeftColumn.scss

67 lines
1.2 KiB
SCSS

#NewChat {
height: 100%;
}
.left-header {
display: flex;
flex-shrink: 0;
align-items: center;
height: var(--header-height);
padding: 0.375rem 0.8125rem 0.5rem 0.8125rem;
background-color: var(--color-background);
h3 {
user-select: none;
overflow: hidden;
margin-right: auto;
margin-bottom: 0;
margin-left: 1.375rem;
font-size: 1.25rem;
font-weight: var(--font-weight-medium);
text-overflow: ellipsis;
white-space: nowrap;
}
.SearchInput {
max-width: calc(100% - 3.25rem);
margin-left: 0.625rem;
@media (max-width: 600px) {
max-width: calc(100% - 3rem);
}
}
.Button.smaller {
width: 2.5rem;
height: 2.5rem;
+ .DropdownMenu {
margin-left: 0.25rem;
}
}
body.is-tauri.is-macos #Main:not(.is-fullscreen) &:not(#TopicListHeader) {
justify-content: space-between;
padding: 0.5rem 0.5rem 0.5rem var(--window-controls-width);
.SearchInput {
max-width: calc(100% - 2.75rem);
margin-left: 0.5rem;
}
.Menu.main-menu .bubble {
--offset-y: 100%;
--offset-x: -4.125rem;
}
}
@media (max-width: 600px) {
padding: 0.5rem;
}
}