Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3625 from scossar/remove-margins-from-mobile-view 

FIX: Remove unnecessary padding and margins from mobile view
This commit is contained in:
Jeff Atwood 2015-07-21 19:27:32 -07:00
parent 84e0135723 93d9a98497
commit 6053a0c4af
5 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/mobile/discourse.scss
View File

@ -6,12 +6,20 @@ body {
background-color: $secondary;
}
// This sets the space between the application content and the edge of the
// screen. This value is required in 'mobile/header.scss' to set the position
// of the drop-down menu.
$mobile-wrapper-padding: 10px;
.wrap {
padding: 0 $mobile-wrapper-padding;
}
body {
.boxed {
height: 100%;
.contents {
padding: 10px;
padding: 10px 0;
}
&.white {
background-color: $secondary;

1
app/assets/stylesheets/mobile/header.scss
View File

@ -43,6 +43,7 @@
.d-dropdown {
width: 290px;
margin-top: -1px;
right: -$mobile-wrapper-padding; // Line-up with edge of screen, not edge of padding
// Common

6
app/assets/stylesheets/mobile/topic-list.scss
View File

@ -9,7 +9,7 @@
.category-breadcrumb.hidden {
display: none;
}
margin: 5px;
margin: 5px 0;
.nav {
float: left;
margin-right: 15px;
@ -71,7 +71,7 @@
th,
td {
padding: 7px 5px;
padding: 7px 0;
color: scale-color($primary, $lightness: 50%);
}
@ -223,7 +223,7 @@ tr.category-topic-link {
.topic-list-bottom {
margin: 20px 12px 0 12px;
margin: 20px 0 0 0;
}

9
app/assets/stylesheets/mobile/topic-post.scss
View File

@ -167,7 +167,7 @@ a.star {
.topic-map {
margin: 10px;
margin: 10px 0;
background: dark-light-diff($primary, $secondary, 97%, -45%);
border: 1px solid dark-light-diff($primary, $secondary, 90%, -65%);
border-top: none; // would cause double top border
@ -300,8 +300,9 @@ a.star {
}
#topic-footer-buttons {
@include clearfix;
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
padding: 20px 10px 0 10px;
padding: 20px 0 0 0;
.fa-bookmark.bookmarked { color: $tertiary; }
}
@ -313,7 +314,7 @@ a.star {
#suggested-topics {
clear: left;
padding: 20px 10px 15px 10px;
padding: 20px 0 15px 0;
th.views, td.views, td.activity, th.activity, th.likes, td.likes {
display: none;
}
@ -344,7 +345,7 @@ span.post-count {
#topic-title {
z-index: 1000;
margin: 0 0 0 0 !important;
padding: 15px 10px 15px 10px;
padding: 15px 0;
}
.topic-post {

4
app/assets/stylesheets/mobile/topic.scss
View File

@ -14,8 +14,8 @@
.edits {margin-right: 5px;}
#topic-title {
margin-bottom: 20px;
margin: 0 60px 10px 20px;
//margin-bottom: 20px;
margin: 0 60px 10px 0;
h1 {
font-size: 1.5em;
line-height: 1.25em;