[wp-trac] [WordPress Trac] #50205: Add full screen mode to the customizer's additional css control

[WordPress Trac]

#50205: Add full screen mode to the customizer's additional css control
-----------------------------+-----------------------------
 Reporter:  hayatbiralem     |      Owner:  (none)
     Type:  feature request  |     Status:  new
 Priority:  normal           |  Milestone:  Awaiting Review
Component:  Customize        |    Version:
 Severity:  minor            |   Keywords:
  Focuses:  ui, css          |
-----------------------------+-----------------------------
 Hello,

 Sometimes our CSS rules and its contents could be long than the width of
 the customizer sidebar. Sometimes when doing some search and refactoring
 we need to toggle full screen. I think it could be very useful.

 And it could be implemented easily by adding following settings to the
 related code mirror creation:

 **Javascript**

 {{{
 CodeMirror.fromTextArea(element, {
     // ...
     extraKeys: {
         "F11": function(cm) {
             cm.setOption("fullScreen", !cm.getOption("fullScreen"));
         },
         "Esc": function(cm) {
             if (cm.getOption("fullScreen")) cm.setOption("fullScreen",
 false);
         }
     }
 });
 }}}

 **CSS**


 {{{
 html body .CodeMirror-fullscreen {
     z-index: 1000;
 }
 }}}


 I tried it on a custom textarea control and it worked without any other
 addition and that would be great if the default additional css control has
 that functionality.

 Thanks in advance.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/50205>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform