UX: Consistent padding on mobile/desktop .wrap (#13155)

This commit is contained in:
Kris 2021-05-26 03:33:08 -04:00 committed by GitHub
parent 494fe7f2f6
commit d0dfd0c73f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 4 additions and 8 deletions

View File

@ -349,7 +349,7 @@ table {
@extend .clearfix;
margin-right: auto;
margin-left: auto;
padding: 0 8px;
padding: 0 10px;
.contents {
position: relative;

View File

@ -14,7 +14,7 @@
backface-visibility: hidden; /** do magic for scrolling performance **/
> .wrap {
width: calc(100% - 16px); // accommodates for 8px vertical padding
width: calc(100% - 20px); // accommodates for 10px vertical padding
height: 100%;
.contents {
display: flex;

View File

@ -28,8 +28,8 @@
> .row {
grid-area: posts;
max-width: calc(
100vw - 16px
); // 16px is the left + right padding on .wrap in common/base/discourse.scss
100vw - 20px
); // 20px is the left + right padding on .wrap in common/base/discourse.scss
}
.timeline-container {

View File

@ -54,10 +54,6 @@ blockquote {
}
// Common classes
.wrap {
padding: 0 10px;
}
.boxed {
.contents {
padding: 10px 0 0 0;