Skip to content

Commit

Permalink
Fix breaks in responsive layouts
Browse files Browse the repository at this point in the history
Using min-width breaks responsive layouts.

Here's an example of what the default Twenty twelve theme looks like before the fix on a mobile:
https://dl.dropboxusercontent.com/u/2758854/2013-09-30%2019.57.33.png

The only downside of this fix is that the help button gets a little squished on mobile.

Hiding the undo/redo buttons on mobile with a media query would fix it permanently. Do you want me to send a PR for this?
  • Loading branch information
khromov committed Sep 30, 2013
1 parent 9774beb commit fec43ba
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions css/markdown-editor.css
@@ -1,5 +1,5 @@
/* MarkDown editor */ /* MarkDown editor */
.wmd-panel{min-width: 500px;width: 100%;} .wmd-panel{width: 100%;}
.wmd-button-bar {width: 100%;} .wmd-button-bar {width: 100%;}
.wmd-preview {border: 2px dotted #CCCCCC;clear: both;color: #555555;font-size: 14px !important;line-height: 1.4em !important;margin-bottom: 5px;margin-right: 5px;padding: 3px;width: 100%;} .wmd-preview {border: 2px dotted #CCCCCC;clear: both;color: #555555;font-size: 14px !important;line-height: 1.4em !important;margin-bottom: 5px;margin-right: 5px;padding: 3px;width: 100%;}
.wmd-preview pre{background:none;border:none;} .wmd-preview pre{background:none;border:none;}
Expand Down Expand Up @@ -30,4 +30,4 @@ body.reply-edit .bbp-reply-form code{width: auto;display: inline;padding: 5px;}
#postdivrich .wmd-preview {margin-right:-10px;padding:10px;width:97.1%} #postdivrich .wmd-preview {margin-right:-10px;padding:10px;width:97.1%}
#postdivrich blockquote{font-family: Georgia,"Bitstream Charter",serif;font-style: italic;font-weight: normal;margin: 0 3em;} #postdivrich blockquote{font-family: Georgia,"Bitstream Charter",serif;font-style: italic;font-weight: normal;margin: 0 3em;}
#postdivrich .wmd-preview ul{list-style: square;margin-left: 2em;} #postdivrich .wmd-preview ul{list-style: square;margin-left: 2em;}
.wp-admin .wmd-prompt-dialog > div {font-size: 1em;} .wp-admin .wmd-prompt-dialog > div {font-size: 1em;}

0 comments on commit fec43ba

Please sign in to comment.