Code Editors: Minor style improvements.

props melchoyce.
see #42214.


git-svn-id: https://develop.svn.wordpress.org/trunk@41882 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Helen Hou-Sandi 2017-10-16 21:35:15 +00:00
parent fef4f1303a
commit 652c632355
1 changed files with 23 additions and 13 deletions

View File

@ -2215,7 +2215,7 @@ h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
} }
#template > div { #template > div {
margin-right: 190px; margin-right: 16em;
} }
#template .notice { #template .notice {
margin-top: 1em; margin-top: 1em;
@ -3033,27 +3033,33 @@ img {
#template textarea, #template textarea,
#template .CodeMirror { #template .CodeMirror {
width: 97%; width: 100%;
height: calc( 100vh - 280px ); min-height: 60vh;
height: calc( 100vh - 295px );
border: 1px solid #ddd;
} }
#templateside > h2 { #templateside > h2 {
padding-top: 6px; padding-top: 6px;
padding-bottom: 6px; padding-bottom: 7px;
margin: 0; margin: 0;
border-bottom: solid 1px #ccc;
} }
#templateside ol, #templateside ol,
#templateside ul { #templateside ul {
margin: .5em 0; margin: 0;
padding: 0; padding: 0;
} }
#templateside > ul { #templateside > ul {
box-sizing: border-box;
margin-top: 0; margin-top: 0;
overflow: auto; overflow: auto;
padding: 2px; padding: 0;
height: calc(100vh - 280px); min-height: calc(60vh + 2px);
height: calc(100vh - 293px);
background-color: #f7f7f7;
border: 1px solid #ddd;
border-left: none;
} }
#templateside ul ul { #templateside ul ul {
padding-left: 12px; padding-left: 12px;
@ -3101,7 +3107,7 @@ img {
} }
[role="treeitem"].hover, [role="treeitem"].hover,
[role="treeitem"] .folder-label.hover { [role="treeitem"] .folder-label.hover {
background-color: #DDDDDD; background-color: #eaeaea;
} }
.tree-folder { .tree-folder {
@ -3150,7 +3156,7 @@ img {
.tree-folder > .current-file::before { .tree-folder > .current-file::before {
left: 4px; left: 4px;
height: 15px; height: 15px;
width: 6px; width: 0px;
border-left: none; border-left: none;
top: 3px; top: 3px;
} }
@ -3213,7 +3219,7 @@ img {
} }
#templateside { #templateside {
float: right; float: right;
width: 190px; width: 16em;
word-wrap: break-word; word-wrap: break-word;
} }
@ -3232,10 +3238,14 @@ img {
#templateside li a, #templateside li a,
.theme-editor-php .highlight { .theme-editor-php .highlight {
display: block; display: block;
padding: 3px 3px 3px 12px; padding: 3px 0 3px 12px;
text-decoration: none; text-decoration: none;
} }
#templateside li > a:first-of-type {
padding-top: 0;
}
.theme-editor-php .highlight { .theme-editor-php .highlight {
margin: -3px 3px -3px -12px; margin: -3px 3px -3px -12px;
} }
@ -3710,7 +3720,7 @@ img {
} }
.wp-responsive-open #wpbody { .wp-responsive-open #wpbody {
right: -190px; right: -16em;
} }
code { code {