mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 18:55:32 -06:00
UX: Consistent padding on mobile/desktop .wrap
(#13155)
This commit is contained in:
parent
494fe7f2f6
commit
d0dfd0c73f
@ -349,7 +349,7 @@ table {
|
||||
@extend .clearfix;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding: 0 8px;
|
||||
padding: 0 10px;
|
||||
|
||||
.contents {
|
||||
position: relative;
|
||||
|
@ -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;
|
||||
|
@ -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 {
|
||||
|
@ -54,10 +54,6 @@ blockquote {
|
||||
}
|
||||
|
||||
// Common classes
|
||||
.wrap {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.boxed {
|
||||
.contents {
|
||||
padding: 10px 0 0 0;
|
||||
|
Loading…
Reference in New Issue
Block a user