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

width 100% for editor on mobile; no preview 

also  remove box-sizing mixin, use native CSS3
This commit is contained in:
Jeff Atwood 2014-10-11 04:30:34 -07:00
parent 27061d5fab
commit 15b94acd85
4 changed files with 4 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/common/base/user.scss
View File

@ -44,7 +44,7 @@
.btn { .btn {
width: 100%; width: 100%;
margin-bottom: 5px; margin-bottom: 5px;
@include box-sizing(border-box); box-sizing: border-box;
} }
} }
h2 { h2 {

8
app/assets/stylesheets/common/foundation/mixins.scss
View File

@ -33,14 +33,6 @@
// CSS3 properties // CSS3 properties
// -------------------------------------------------- // --------------------------------------------------
// Box sizing
@mixin box-sizing($sizing) {
-webkit-box-sizing: $sizing;
-moz-box-sizing: $sizing;
box-sizing: $sizing;
}
// Border radius // Border radius
@mixin border-radius-all($radius) { @mixin border-radius-all($radius) {

4
app/assets/stylesheets/desktop/compose.scss
View File

@ -367,7 +367,7 @@
} }
#wmd-input, #wmd-preview-scroller, #wmd-preview { #wmd-input, #wmd-preview-scroller, #wmd-preview {
@include box-sizing(border-box); box-sizing: border-box;
width: 100%; width: 100%;
height: 100%; height: 100%;
min-height: 100%; min-height: 100%;
@ -397,7 +397,7 @@
} }
.textarea-wrapper, .preview-wrapper { .textarea-wrapper, .preview-wrapper {
position: relative; position: relative;
@include box-sizing(border-box); box-sizing: border-box;
height: 100%; height: 100%;
min-height: 100%; min-height: 100%;
margin: 0; margin: 0;

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

@ -238,7 +238,6 @@ display: none;
#wmd-input { #wmd-input {
@include box-sizing(border-box);
width: 100%; width: 100%;
height: 100%; height: 100%;
min-height: 100%; min-height: 100%;
@ -255,12 +254,11 @@ display: none;
} }
.textarea-wrapper { .textarea-wrapper {
position: relative; position: relative;
@include box-sizing(border-box); box-sizing: border-box;
height: 100%; height: 100%;
min-height: 100%; min-height: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 50%;
} }
.textarea-wrapper { .textarea-wrapper {
padding-right: 5px; padding-right: 5px;