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

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.

3 participants