mirror of
https://github.com/discourse/discourse.git
synced 2024-12-02 22:43:56 +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.
23 lines
407 B
SCSS
23 lines
407 B
SCSS
.chat-navbar {
|
|
flex-shrink: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
|
|
&-container {
|
|
padding-inline: 1rem;
|
|
position: sticky;
|
|
border-bottom: 1px solid var(--primary-low);
|
|
background: var(--secondary);
|
|
height: 50px;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
z-index: z("header");
|
|
}
|
|
}
|
|
|
|
.chat-navbar__right-actions {
|
|
list-style: none;
|
|
margin-left: auto;
|
|
}
|