mirror of
https://gh.wpcy.net/https://github.com/discourse/discourse.git
synced 2026-06-19 05:59:26 +08:00
28080d48b3
Currently our FAQ page nav-pills can overflow and cause a page shift: <img width="766" height="1424" alt="CleanShot 2026-02-25 at 14 41 16@2x" src="https://github.com/user-attachments/assets/b41ad773-6e68-4988-9a5c-b9d0a9c43293" /> This commit: * removes the gap to save some space (there is enough space due to the button internal padding) * sets an overflow handler
53 lines
785 B
SCSS
Vendored
53 lines
785 B
SCSS
Vendored
.body-page {
|
|
/* covers /about, /faq, /guidelines, /tos, /privacy, and login-required */
|
|
max-width: 700px;
|
|
background: var(--d-content-background);
|
|
|
|
.about-page & {
|
|
max-width: unset;
|
|
|
|
.about.category-moderators {
|
|
.badge-category__wrapper .badge-category {
|
|
color: var(--primary);
|
|
}
|
|
}
|
|
}
|
|
|
|
.static-faq & {
|
|
img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
}
|
|
|
|
.mobile-view & {
|
|
font-size: var(--font-0);
|
|
}
|
|
|
|
li {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.nav-pills {
|
|
margin: 0 0 2em;
|
|
gap: 0;
|
|
overflow: auto;
|
|
}
|
|
|
|
ul:not(.nav-pills),
|
|
ol:not(.nav-pills) {
|
|
margin-left: 40px;
|
|
}
|
|
}
|
|
|
|
.body-page-button-container {
|
|
display: flex;
|
|
|
|
button {
|
|
margin-right: 1rem;
|
|
|
|
&:last-child {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
