Skip to content
This repository has been archived by the owner on Dec 11, 2017. It is now read-only.

Show errors on small screens. #39

Merged
merged 4 commits into from
Aug 22, 2017
Merged

Show errors on small screens. #39

merged 4 commits into from
Aug 22, 2017

Conversation

obenland
Copy link
Member

@obenland obenland commented Aug 21, 2017

Removes two styles from wp-admin/css/common.css to no longer hide
parts of the gutter on small screens.

diff --git src/wp-admin/css/common.css src/wp-admin/css/common.css
index 9821accd52..d74181ad7a 100644
--- src/wp-admin/css/common.css
+++ src/wp-admin/css/common.css
@@ -2200,7 +2200,7 @@ h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
 	visibility: visible;
 }
 
-#template div {
+#template > div {
 	margin-right: 190px;
 }
 
@@ -3083,13 +3083,18 @@ img {
 #template textarea {
 	font-family: Consolas, Monaco, monospace;
 	font-size: 13px;
-	width: 97%;
 	background: #f9f9f9;
 	-moz-tab-size: 4;
 	-o-tab-size: 4;
 	tab-size: 4;
 }
 
+#template textarea,
+#template .CodeMirror {
+	width: 97%;
+	height: calc( 100vh - 220px );
+}
+
 /* rtl:ignore */
 #template textarea,
 #docs-list {
@@ -3664,12 +3669,13 @@ img {
 		margin-top: -5px;
 	}
 
-	#template div {
-		float: none;
-		margin: 0;
-		width: auto;
+	#template > div {
+		 float: none;
+		 margin: 0;
+		 width: auto;
 	}
 
+	#template .CodeMirror,
 	#template textarea {
 		width: 100%;
 	}

Fixes #11.

@westonruter westonruter merged commit 6155011 into master Aug 22, 2017
@westonruter westonruter deleted the fix/mobile-gutter branch August 22, 2017 05:27
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants