mirror of
https://github.com/discourse/discourse.git
synced 2024-12-02 13:23:38 +08:00
fca67117ee
- sticky doesn't work well with overflow: hidden parents. These overflows were used to hide other issues which shouldn't exist anyways. If it causes issues we should fix the root cause. - our `--header-offset` is changing a lot on safari while scrolling, sometimes with very unexpected value like: negative or very high value, which causes the navbar to appear at unexpected positions for few ms, this commit is using the value of the header on insert and not changing it after, it shouldn't cause any issue.
111 lines
1.7 KiB
SCSS
111 lines
1.7 KiB
SCSS
:root {
|
|
--channel-list-avatar-size: 38px;
|
|
}
|
|
|
|
.chat-message-container:not(.-user-info-hidden) {
|
|
.chat-message {
|
|
padding-top: 0.75em;
|
|
}
|
|
}
|
|
|
|
html.has-full-page-chat {
|
|
.footer-nav {
|
|
display: none !important;
|
|
}
|
|
|
|
body #main-outlet {
|
|
padding: 0;
|
|
|
|
.main-chat-outlet {
|
|
.chat-channel {
|
|
min-width: 0;
|
|
}
|
|
|
|
&.has-side-panel-expanded {
|
|
grid-template-columns: 1fr;
|
|
grid-template-areas: "threads";
|
|
|
|
.chat-channel {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.full-page-chat {
|
|
grid-template-columns: 100%;
|
|
width: 100%;
|
|
|
|
.btn:active,
|
|
.btn:hover {
|
|
background: var(--secondary-very-high);
|
|
|
|
.d-icon {
|
|
color: var(--primary-medium);
|
|
}
|
|
}
|
|
|
|
.chat-channel {
|
|
border-radius: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.chat-drawer {
|
|
width: 100%;
|
|
}
|
|
|
|
.chat-full-page-header {
|
|
background-color: var(--secondary);
|
|
padding: 0 10px;
|
|
height: 50px;
|
|
min-height: 50px;
|
|
}
|
|
}
|
|
|
|
.sidebar-container .channels-list .chat-channel-divider {
|
|
padding-left: 1em;
|
|
}
|
|
|
|
.sidebar-container .channels-list .chat-channel-row {
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.create-channel-modal {
|
|
.modal-inner-container {
|
|
width: 95%;
|
|
}
|
|
}
|
|
|
|
.chat-full-page-header {
|
|
.chat-channel-header-details {
|
|
.chat-channel-retry-archive {
|
|
flex-direction: column;
|
|
|
|
.chat-channel-archive-failed-retry {
|
|
margin-top: 0.5em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.chat-message-separator {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.header-dropdown-toggle.chat-header-icon {
|
|
.icon {
|
|
&.active {
|
|
border: 1px solid var(--primary-low);
|
|
background: var(--primary-very-low);
|
|
|
|
.d-icon {
|
|
color: var(--primary-medium);
|
|
}
|
|
}
|
|
.chat-channel-unread-indicator {
|
|
border-color: var(--primary-very-low);
|
|
}
|
|
}
|
|
}
|