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

Remove unnecessary margins from mobile view

This commit is contained in:
Simon Cossar 2015-07-21 18:46:15 -07:00
parent b77017abce
commit 93d9a98497
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; 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 { body {
.boxed { .boxed {
height: 100%; height: 100%;
.contents { .contents {
padding: 10px; padding: 10px 0;
} }
&.white { &.white {
background-color: $secondary; background-color: $secondary;

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

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

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

@ -9,7 +9,7 @@
.category-breadcrumb.hidden { .category-breadcrumb.hidden {
display: none; display: none;
} }
margin: 5px; margin: 5px 0;
.nav { .nav {
float: left; float: left;
margin-right: 15px; margin-right: 15px;
@ -71,7 +71,7 @@
th, th,
td { td {
padding: 7px 5px; padding: 7px 0;
color: scale-color($primary, $lightness: 50%); color: scale-color($primary, $lightness: 50%);
} }
@ -223,7 +223,7 @@ tr.category-topic-link {
.topic-list-bottom { .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 { .topic-map {
margin: 10px; margin: 10px 0;
background: dark-light-diff($primary, $secondary, 97%, -45%); background: dark-light-diff($primary, $secondary, 97%, -45%);
border: 1px solid dark-light-diff($primary, $secondary, 90%, -65%); border: 1px solid dark-light-diff($primary, $secondary, 90%, -65%);
border-top: none; // would cause double top border border-top: none; // would cause double top border
@ -300,8 +300,9 @@ a.star {
} }
#topic-footer-buttons { #topic-footer-buttons {
@include clearfix;
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -60%); 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; } .fa-bookmark.bookmarked { color: $tertiary; }
} }
@ -313,7 +314,7 @@ a.star {
#suggested-topics { #suggested-topics {
clear: left; clear: left;
padding: 20px 10px 15px 10px; padding: 20px 0 15px 0;
th.views, td.views, td.activity, th.activity, th.likes, td.likes { th.views, td.views, td.activity, th.activity, th.likes, td.likes {
display: none; display: none;
} }
@ -344,7 +345,7 @@ span.post-count {
#topic-title { #topic-title {
z-index: 1000; z-index: 1000;
margin: 0 0 0 0 !important; margin: 0 0 0 0 !important;
padding: 15px 10px 15px 10px; padding: 15px 0;
} }
.topic-post { .topic-post {

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

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