Skip to content

Commit 652c632

Browse files
helenhelen
committed
Code Editors: Minor style improvements.
props melchoyce. see #42214. git-svn-id: https://develop.svn.wordpress.org/trunk@41882 602fd350-edb4-49c9-b593-d223f7449a82
1 parent fef4f13 commit 652c632

1 file changed

Lines changed: 23 additions & 13 deletions

File tree

‎src/wp-admin/css/common.css‎

Lines changed: 23 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -2215,7 +2215,7 @@ h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
22152215
}
22162216

22172217
#template > div {
2218-
margin-right: 190px;
2218+
margin-right: 16em;
22192219
}
22202220
#template .notice {
22212221
margin-top: 1em;
@@ -3033,27 +3033,33 @@ img {
30333033

30343034
#template textarea,
30353035
#template .CodeMirror {
3036-
width: 97%;
3037-
height: calc( 100vh - 280px );
3036+
width: 100%;
3037+
min-height: 60vh;
3038+
height: calc( 100vh - 295px );
3039+
border: 1px solid #ddd;
30383040
}
30393041

30403042
#templateside > h2 {
30413043
padding-top: 6px;
3042-
padding-bottom: 6px;
3044+
padding-bottom: 7px;
30433045
margin: 0;
3044-
border-bottom: solid 1px #ccc;
30453046
}
30463047

30473048
#templateside ol,
30483049
#templateside ul {
3049-
margin: .5em 0;
3050+
margin: 0;
30503051
padding: 0;
30513052
}
30523053
#templateside > ul {
3054+
box-sizing: border-box;
30533055
margin-top: 0;
30543056
overflow: auto;
3055-
padding: 2px;
3056-
height: calc(100vh - 280px);
3057+
padding: 0;
3058+
min-height: calc(60vh + 2px);
3059+
height: calc(100vh - 293px);
3060+
background-color: #f7f7f7;
3061+
border: 1px solid #ddd;
3062+
border-left: none;
30573063
}
30583064
#templateside ul ul {
30593065
padding-left: 12px;
@@ -3101,7 +3107,7 @@ img {
31013107
}
31023108
[role="treeitem"].hover,
31033109
[role="treeitem"] .folder-label.hover {
3104-
background-color: #DDDDDD;
3110+
background-color: #eaeaea;
31053111
}
31063112

31073113
.tree-folder {
@@ -3150,7 +3156,7 @@ img {
31503156
.tree-folder > .current-file::before {
31513157
left: 4px;
31523158
height: 15px;
3153-
width: 6px;
3159+
width: 0px;
31543160
border-left: none;
31553161
top: 3px;
31563162
}
@@ -3213,7 +3219,7 @@ img {
32133219
}
32143220
#templateside {
32153221
float: right;
3216-
width: 190px;
3222+
width: 16em;
32173223
word-wrap: break-word;
32183224
}
32193225

@@ -3232,10 +3238,14 @@ img {
32323238
#templateside li a,
32333239
.theme-editor-php .highlight {
32343240
display: block;
3235-
padding: 3px 3px 3px 12px;
3241+
padding: 3px 0 3px 12px;
32363242
text-decoration: none;
32373243
}
32383244

3245+
#templateside li > a:first-of-type {
3246+
padding-top: 0;
3247+
}
3248+
32393249
.theme-editor-php .highlight {
32403250
margin: -3px 3px -3px -12px;
32413251
}
@@ -3710,7 +3720,7 @@ img {
37103720
}
37113721

37123722
.wp-responsive-open #wpbody {
3713-
right: -190px;
3723+
right: -16em;
37143724
}
37153725

37163726
code {

0 commit comments

Comments
 (0)