Permalink
Browse files

Fix breaks in responsive layouts

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...
1 parent 9774beb commit fec43ba3dd4814b57614fa1e7331b14b99e4602a @khromov khromov committed Sep 30, 2013
Showing with 2 additions and 2 deletions.
  1. +2 −2 css/markdown-editor.css
@@ -1,5 +1,5 @@
/* MarkDown editor */
-.wmd-panel{min-width: 500px;width: 100%;}
+.wmd-panel{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 pre{background:none;border:none;}
@@ -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 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;}
-.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.