WordPress.org
Get WordPress

Plugin Directory

Changeset 1897951


Ignore:
Timestamp:
06/24/2018 09:15:26 AM (8 years ago)
Author:
rahburma
Message:

Fixed UI issues

Location:
code-editor-and-compiler/trunk
Files:
5 edited

Legend:

Unmodified
Added
Removed

  • code-editor-and-compiler/trunk/admin/compilebin-admin.php

    r1897848 r1897951  
    383383                     </button>
    384384                   </div>
    385                    <div id="cdbx-div-output">
     385                   <div id="cdbx-div-output" style="width:100%">
    386386                     Output Appears Here ...
    387387                   </div>
    388                    <div>
     388                   <div style="width:100%">
    389389                     <textarea id="cdbx-stdin" class="cdbx-textarea-input" rows="4" cols="200" placeholder="Stdin (One input element per line)"></textarea>
    390390                     <textarea id="cdbx-cmdline" class="cdbx-textarea-input" rows="1" placeholder="Cmd Line Args"></textarea>
    … …  
    454454                     </button>
    455455                    </div>
    456                     <div id="cdbx-div-output-web">
     456                    <div id="cdbx-div-output-web" style="width:100%">
    457457                        Output Appears Here ...
    458458                    </div>
    … …  
    467467      $div_content =
    468468            '<div id="cdbx-editor-dialog">
    469               <ul class="cdbx-tabs-web">
     469              <ul class="cdbx-tabs-web" style="text-align:left">
    470470               <li class="cdbx-tab-link current" data-tab="cdbx-tab-html">Html</li>
    471471               <li class="cdbx-tab-link" data-tab="cdbx-tab-css">CSS</li>
    … …  
    513513                    </div>
    514514                    <br><br>
    515                     <div id="cdbx-div-output-web" style="margin-top:27px">
     515                    <div id="cdbx-div-output-web" style="float:left;width:100%;text-align:left;margin-top:27px;font-size:13px;">
    516516                        Output Appears Here ...
    517517                    </div>
    … …  
    530530                </div>
    531531                <div class="cdbx-editor-div-right">
    532                   <div>
     532                  <div style="width:100%;float:left">
    533533                    <button type="" id="cdbx-ace-theme-xcode" class="cdbx-btn-1 cdbx-ace-theme" title="Light theme">
    534534                      <span class="dashicons dashicons-visibility" aria-hidden="true"></span>
    … …  
    546546                      <span class="dashicons dashicons-minus" aria-hidden="true"></span>
    547547                    </button>
    548                     <button type="button" id="cdbx-run-code" class="cdbx-btn-1" style="float:right">
    549                       <span class="" aria-hidden="true"></span> <b>Run</b>
     548                    <button type="button" id="cdbx-run-code" class="cdbx-btn-1" style="float:right;">
     549                      <span class="" aria-hidden="true"></span><b>Run</b></span>
    550550                    </button>   
    551551                  </div>
    552                   <div class="cdbx-div-right-2" style="margin-top:3.5em">
    553                     <input id="cdbx-filename" class="cdbx-textbox" placeholder="Filename"></input>.<span id="cdbx-filename-ext"></span>
     552                  <div class="cdbx-div-right-2" style="width:100%;">
     553                    <input id="cdbx-filename" class="cdbx-textbox" style="margin-top:5px;float:left;font-size:13px;" placeholder="Filename"></input><span style="float:left;margin-top:5px;">.</span><span id="cdbx-filename-ext" style="float:left;margin-top:5px;"></span>
    554554                    <!--<button type="button" id="cdbx-code-help" class="cdbx-btn-1" style="float:right">
    555555                      <span class="dashicons dashicons-editor-help" aria-hidden="true"></span>
    556556                    </button>--> 
    557557                  </div>
    558                   <div id="cdbx-div-output">
     558                  <div id="cdbx-div-output" style="float:left;width:100%;text-align:left">
    559559                    Output Appears Here ...
    560560                  </div>
    561                   <div>
    562                     <textarea id="cdbx-stdin" class="cdbx-textarea-input" rows="4" cols="200" placeholder="Stdin (One input element per line)"></textarea>
    563                     <textarea id="cdbx-cmdline" class="cdbx-textarea-input" rows="1" placeholder="Cmd Line Args"></textarea>
     561                  <div style="width:100%">
     562                    <textarea id="cdbx-stdin" class="cdbx-textarea-input" style="font-size:13px;" rows="4" cols="200" placeholder="Stdin (One input element per line)"></textarea>
     563                    <textarea id="cdbx-cmdline" class="cdbx-textarea-input" style="font-size:13px;" rows="1" placeholder="Cmd Line Args"></textarea>
    564564                  </div>
    565565                </div>

  • code-editor-and-compiler/trunk/admin/js/editor-handler.js

    r1897862 r1897951  
    300300            var suffix = '<input id="' + input_id + '"' +
    301301                         'class="cdbx-try-code cdbx-btn-main"' +
    302                          'style="background-color:#FFFFFF;margin-bottom:0;color:#008B8B;border: 1px solid rgba(231, 231, 230, 1); border-radius: 10px;font-size:13px;height:30px;min-width:60px;padding:4px;font-weight:normal;outline:none;"' +
     302                         'style="background-color:#FFFFFF;margin-bottom:0;color:#008B8B;border: 1px solid rgba(231, 231, 230, 1); border-radius: 10px;font-size:13px;height:30px;min-width:60px;max-width:150px;padding:4px;font-weight:normal;outline:none;"' +
    303303                         'type="button" value="Run" data-code="' + pre_id + '"' +
    304304                         'data-lang="' + lang_id + '"' + 'data-filename="' + file_name + '" /><br></pre><br>';
    … …  
    365365            var html_suffix = '<input id="' + input_id + '"' +
    366366                         'class="cdbx-try-code-web cdbx-btn-main"' +
    367                          'style="background-color:#FFFFFF;margin-bottom:0;color:#008B8B;border: 1px solid rgba(231, 231, 230, 1); border-radius: 10px;font-size:13px;height:30px;min-width:110px;padding:4px;font-weight:normal;outline:none;"' +
     367                         'style="background-color:#FFFFFF;margin-bottom:0;color:#008B8B;border: 1px solid rgba(231, 231, 230, 1); border-radius: 10px;font-size:13px;height:30px;min-width:110px;max-width:220px;padding:4px;font-weight:normal;outline:none;"' +
    368368                         'type="button" value="Run HTML" data-code="' + pre_id + '"' +
    369369                         '" /></pre>';
    … …  
    372372                         'class="cdbx-try-code-web cdbx-btn-main"' +
    373373                         'type="button" value="Run CSS" data-code="' + pre_id + '"' +
    374                          'style="background-color:#FFFFFF;margin-bottom:0;color:#008B8B;border: 1px solid rgba(231, 231, 230, 1); border-radius: 10px;font-size:13px;height:30px;min-width:110px;padding:4px;font-weight:normal;outline:none;"' +
     374                         'style="background-color:#FFFFFF;margin-bottom:0;color:#008B8B;border: 1px solid rgba(231, 231, 230, 1); border-radius: 10px;font-size:13px;height:30px;min-width:110px;max-width:220px;padding:4px;font-weight:normal;outline:none;"' +
    375375                         '" /></pre>';
    376376           
    … …  
    378378                         'class="cdbx-try-code-web cdbx-btn-main"' +
    379379                         'type="button" value="Run Javascript" data-code="' + pre_id + '"' +
    380                          'style="background-color:#FFFFFF;margin-bottom:0;color:#008B8B;border: 1px solid rgba(231, 231, 230, 1); border-radius: 10px;font-size:13px;height:30px;min-width:110px;padding:4px;font-weight:normal;outline:none"' +
     380                         'style="background-color:#FFFFFF;margin-bottom:0;color:#008B8B;border: 1px solid rgba(231, 231, 230, 1); border-radius: 10px;font-size:13px;height:30px;min-width:110px;max-width:220px;padding:4px;font-weight:normal;outline:none"' +
    381381                         '" /></pre>';
    382382

  • code-editor-and-compiler/trunk/common/css/editor-style.css

    r1897848 r1897951  
    4545    padding: 4px;
    4646    border: 1px solid rgba(225, 225, 223, 1);
    47     margin-top: 5px;
     47    margin-top: 10px;
    4848    margin-bottom: 5px;
    4949    min-height: 50px;
    … …  
    5454#cdbx-div-output-web {
    5555    border: 1px solid rgba(225, 225, 223, 1);
    56     min-height: 72vh;
     56    min-height: 65vh;
    5757    width:100%;
    5858    margin-top: 5px;
    … …  
    8787.cdbx-btn-1 {
    8888  font-family: Arial;
    89   color: #1f1d1f;
    90   font-size: 1em;
     89  color: #008B8B;   
     90  font-size: 13px;
    9191  background: #ffffff;
    92   padding-left: 1em;
    93   padding-right: 1em;
    94   padding-top: 0.5em;
    95   padding-bottom: 0.5em;
     92  padding-left: 10px;
     93  padding-right: 10px;
     94  padding-top: 5px;
     95  padding-bottom: 5px;   
    9696  border: solid #c0dbdb 1px;
     97  border-radius: 0;   
     98  text-decoration: none;   
     99  float: left;
     100  height:30px;
     101  outline: none;   
     102}
     103
     104.cdbx-btn-1:hover {
     105  background: rgba(225, 225, 223, 1);
    97106  text-decoration: none;
    98   float: left;
    99   height:2.5em;
    100 }
    101 
    102 .cdbx-btn-1:hover {
    103   background: #fafafa;
    104   text-decoration: none;
     107  outline: none;   
    105108}
    106109
    … …  
    151154  border-radius: 10px;
    152155  min-width: 75px;
    153   text-align: center;   
     156  text-align: center;
     157  font-size: 13px;
     158  color: #008B8B;   
    154159}
    155160

  • code-editor-and-compiler/trunk/public/js/editor-handler-public.js

    r1897848 r1897951  
    2323            if (cdbx_isCrayonHighlighterPresent(cdbx_preElems[i])) {
    2424                cdbx_preElems[i].classList.add('prettyprint');
     25                cdbx_preElems[i].setAttribute("style", "padding: 10px; border: 1px solid rgba(231, 231, 230, 1); border-radius: 10px; background-color: #ffffff; font-family: courier, sans-serif; font-size: 13px;");
    2526            }
    2627        };

  • code-editor-and-compiler/trunk/readme.txt

    r1897862 r1897951  
    3636== Changelog ==
    37371.3.0
    38 UI enhancements
     38UI enhancement.
    3939
    40401.2.4
Note: See TracChangeset for help on using the changeset viewer.