mirror of
https://github.com/discourse/discourse.git
synced 2024-12-12 12:33:44 +08:00
c76ff5c994
Static pages such as /about, /faqs, /tos etc. currently overflow horizontally on some Android devices (reproducible on Samsung Galaxy A11). It seems like the `width: 100%` property on `.body-page` is what causing the problem, and removing it doesn't seem to break anything on the various devices that I've tested (desktop, iOS, Android).
39 lines
797 B
SCSS
39 lines
797 B
SCSS
.body-page {
|
|
/* covers /about, /faq, /guidelines, /tos, /privacy, and login-required */
|
|
max-width: 700px;
|
|
background: var(--d-content-background);
|
|
.about-page & {
|
|
max-width: unset;
|
|
section:not(.admins):not(.moderators):not(.category-moderators):not(
|
|
.about__admins
|
|
):not(.about__moderators):not(.about__header) {
|
|
max-width: 700px;
|
|
}
|
|
.about.category-moderators {
|
|
.badge-category__wrapper .badge-category {
|
|
color: var(--primary);
|
|
}
|
|
}
|
|
}
|
|
.mobile-view & {
|
|
font-size: var(--font-0);
|
|
}
|
|
li {
|
|
margin-bottom: 8px;
|
|
}
|
|
.nav-pills {
|
|
margin: 0 0 2em;
|
|
}
|
|
ul:not(.nav-pills),
|
|
ol:not(.nav-pills) {
|
|
margin-left: 40px;
|
|
}
|
|
}
|
|
|
|
.body-page-button-container {
|
|
display: flex;
|
|
button {
|
|
margin-right: 0.75em;
|
|
}
|
|
}
|