Skip to content

Commit 242e1f7

Browse files
soderlindsoderlind
committed
set the editor control to max size
1 parent 4024f72 commit 242e1f7

File tree

3 files changed

+120
-5
lines changed

3 files changed

+120
-5
lines changed

‎additional-javascript.php

Lines changed: 15 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -28,11 +28,7 @@
2828
add_action( 'wp_head', __NAMESPACE__ . '\soderlind_custom_javascript_cb', 110 );
2929
add_action( 'customize_register', __NAMESPACE__ . '\register_additional_javascript' );
3030
add_action( 'customize_preview_init', __NAMESPACE__ . '\customize_preview_additional_javascript' );
31-
32-
33-
function customize_preview_additional_javascript() {
34-
wp_enqueue_script( 'customize-preview-additional-javascript', plugins_url( '/js/additional-javascript-preview.js' , __FILE__ ), array( 'customize-preview', 'jquery' ), rand(), true );
35-
}
31+
add_action( 'customize_controls_enqueue_scripts', __NAMESPACE__ . '\on_customize_controls_enqueue_scripts' );
3632

3733

3834
function register_post_type_javascript() {
@@ -298,3 +294,17 @@ function soderlind_update_custom_javascript_post( $javascript, $args = array() )
298294
return get_post( $r );
299295
}
300296

297+
function customize_preview_additional_javascript() {
298+
$handle = 'customize-preview-additional-javascript';
299+
$src = plugins_url( '/js/additional-javascript-preview.js', __FILE__ );
300+
$deps = [ 'customize-preview', 'jquery' ];
301+
wp_enqueue_script( $handle, $src, $deps, rand(), true );
302+
}
303+
304+
function on_customize_controls_enqueue_scripts() {
305+
$suffix = function_exists( 'is_rtl' ) && is_rtl() ? '-rtl' : '';
306+
$handle = "custom-javascript${suffix}";
307+
$src = plugins_url( "/css/customize-controls-custom-javascript${suffix}.css", __FILE__ );
308+
$deps = [ 'customize-controls' ];
309+
wp_enqueue_style( $handle, $src, $deps );
310+
}

‎css/customize-controls-custom-javascript-rtl.css

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
/**
2+
* Code Editor Control and Custom JavaScript Section
3+
*
4+
* Modifications to the Section Container to make the textarea full-width and
5+
* full-height, if the control is the only control in the section.
6+
*/
7+
8+
#sub-accordion-section-custom_javascript .customize-control-notifications-container {
9+
margin-bottom: 15px;
10+
}
11+
12+
#customize-control-custom_javascript textarea {
13+
display: block;
14+
height: 500px;
15+
}
16+
17+
.customize-section-description-container + #customize-control-custom_javascript .customize-control-title {
18+
margin-right: 12px;
19+
}
20+
21+
.customize-section-description-container + #customize-control-custom_javascript:last-child textarea {
22+
border-left: 0;
23+
border-right: 0;
24+
height: calc( 100vh - 185px );
25+
resize: none;
26+
}
27+
28+
.customize-section-description-container + #customize-control-custom_javascript:last-child {
29+
margin-right: -12px;
30+
width: 299px;
31+
width: calc( 100% + 24px );
32+
margin-bottom: -12px;
33+
}
34+
35+
.customize-section-description-container + #customize-control-custom_javascript:last-child .CodeMirror {
36+
height: calc( 100vh - 185px );
37+
}
38+
39+
.customize-section-description-container + #customize-control-custom_javascript:last-child .customize-control-notifications-container {
40+
margin-right: 12px;
41+
margin-left: 12px;
42+
}
43+
44+
@media screen and ( max-width: 640px ) {
45+
.customize-section-description-container + #customize-control-custom_javascript:last-child {
46+
margin-left: 0;
47+
}
48+
49+
.customize-section-description-container + #customize-control-custom_javascript:last-child textarea {
50+
height: calc( 100vh - 140px );
51+
}
52+
}

‎css/customize-controls-custom-javascript.css

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
/**
2+
* Code Editor Control and Custom JavaScript Section
3+
*
4+
* Modifications to the Section Container to make the textarea full-width and
5+
* full-height, if the control is the only control in the section.
6+
*/
7+
8+
9+
#sub-accordion-section-custom_javascript .customize-control-notifications-container {
10+
margin-bottom: 15px;
11+
}
12+
13+
#customize-control-custom_javascript textarea {
14+
display: block;
15+
height: 500px;
16+
}
17+
18+
.customize-section-description-container + #customize-control-custom_javascript .customize-control-title {
19+
margin-left: 12px;
20+
}
21+
22+
.customize-section-description-container + #customize-control-custom_javascript:last-child textarea {
23+
border-right: 0;
24+
border-left: 0;
25+
height: calc( 100vh - 185px );
26+
resize: none;
27+
}
28+
29+
.customize-section-description-container + #customize-control-custom_javascript:last-child {
30+
margin-left: -12px;
31+
width: 299px;
32+
width: calc( 100% + 24px );
33+
margin-bottom: -12px;
34+
}
35+
36+
.customize-section-description-container + #customize-control-custom_javascript:last-child .CodeMirror {
37+
height: calc( 100vh - 185px );
38+
}
39+
40+
.customize-section-description-container + #customize-control-custom_javascript:last-child .customize-control-notifications-container {
41+
margin-left: 12px;
42+
margin-right: 12px;
43+
}
44+
45+
@media screen and ( max-width: 640px ) {
46+
.customize-section-description-container + #customize-control-custom_javascript:last-child {
47+
margin-right: 0;
48+
}
49+
50+
.customize-section-description-container + #customize-control-custom_javascript:last-child textarea {
51+
height: calc( 100vh - 140px );
52+
}
53+
}

0 commit comments

Comments
 (0)