WordPress / better-code-editing

[✅ Merged into 4.9-alpha] Better Code Editing WordPress plugin
https://wordpress.org/plugins/better-code-editing/
37 stars 16 forks source link

Show errors on small screens. #39

Closed obenland closed 7 years ago

obenland commented 7 years ago

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.