Changeset 5550

Show
Ignore:
Timestamp:
03/21/07 13:14:29 (2 years ago)
Author:
rambo
Message:

Adrenalin: Uniform CSS rules and images for both style listing and editor interface

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/src/midcom.admin.styleeditor/documentation/CHANGES

    r5549 r5550  
    10102007-03-21 
    1111  - Fixed link to a renamed JavaScript file in style editor 
     12  - Uniform CSS rules and images for both style listing and editor interface 
    1213 
    13142007-03-05 adrenalin & bergie 

  • trunk/src/midcom.admin.styleeditor/handler/edit.php

    r5549 r5550  
    5454        ); 
    5555         
     56        $_MIDCOM->add_jsfile(MIDCOM_STATIC_URL.'/midcom.admin.styleeditor/twisty.js'); 
    5657        $_MIDCOM->add_jsfile(MIDCOM_STATIC_URL.'/midcom.admin.styleeditor/midcom_admin_folder_styleeditor.js'); 
    5758    } 

  • trunk/src/midcom.admin.styleeditor/static/style-editor.css

    r5478 r5550  
    3333  background-position: middle left; 
    3434  min-height: 16px; 
    35   padding-left: 20px; 
    3635  cursor: pointer; 
    3736  cursor: hand; 
    38 } 
    39  
    40 body.style-editor fieldset.component_default legend.hidden 
    41 { 
    42   background-image: url('../stock-icons/16x16/stock_right.png'); 
    43 } 
    44  
    45 body.style-editor fieldset.component_default legend.visible 
    46 { 
    47   background-image: url('../stock-icons/16x16/down.png'); 
    4837} 
    4938 
    …… 
    248237{ 
    249238    padding: 1em; 
    250     background-color: #e9b96e; 
    251239} 
    252240 
    253241/** Style list */ 
    254 #midcom_admin_styleeditor_stylelist fieldset 
     242#midcom_admin_styleeditor_stylelist fieldset, 
     243#midcom_admin_styleeditor_style fieldset 
    255244{ 
    256245    background-color: #d3d7cf; 
    …… 
    258247    margin-top: -10px; 
    259248} 
    260 #midcom_admin_styleeditor_stylelist fieldset legend 
     249 
     250#midcom_admin_styleeditor_stylelist fieldset a, 
     251#midcom_admin_styleeditor_style fieldset a, 
     252#midcom_admin_styleeditor_stylelist fieldset, 
     253#midcom_admin_styleeditor_style fieldset 
     254{ 
     255    color: #000000 !important; 
     256} 
     257 
     258#midcom_admin_styleeditor_stylelist fieldset legend, 
     259#midcom_admin_styleeditor_style fieldset legend 
    261260{ 
    262261    padding-top: 22px; 
    263262} 
    264 #midcom_admin_styleeditor_stylelist fieldset div.description 
     263 
     264#midcom_admin_styleeditor_stylelist fieldset div.description, 
     265#midcom_admin_styleeditor_style fieldset div.description 
    265266{ 
    266267    margin-left: 2em; 

  • trunk/src/midcom.admin.styleeditor/style/midcom-admin-styleeditor-style-component-footer.php

    r5456 r5550  
    1         </ul> 
     1            </ul> 
     2        </div> 
    23    </div> 
    34</fieldset> 

  • trunk/src/midcom.admin.styleeditor/style/midcom-admin-styleeditor-style-component-header.php

    r5474 r5550  
    66        </legend> 
    77    <div id="<?php echo str_replace('.', '_', $data['component']); ?>_contents" style="display: &(data['display']);;" class="description"> 
    8         <p> 
    9             <?php echo $data['component_details']['description']; ?> 
    10         </p> 
    11         <?php 
    12         if ($data['help']) 
    13         { 
    14             // If component has a style help text available, show it 
    15             ?> 
    16             <div class="help"> 
    17                 &(data['help']:h);     
    18             </div> 
     8        <div class="wrapper"> 
     9            <p> 
     10                <?php echo $data['component_details']['description']; ?> 
     11            </p> 
    1912            <?php 
    20         } 
    21         else 
    22         { 
    23             // Otherwise default to just listing the elements 
    24             echo "<ul>\n"; 
    25             foreach ($data['style_elements'] as $style_element => $filename) 
     13            if ($data['help']) 
    2614            { 
     15                // If component has a style help text available, show it 
    2716                ?> 
    28                     <li><a href="edit/&(style_element);/">&lt;(&(style_element);)&gt;</a></li> 
     17                <div class="help"> 
     18                    &(data['help']:h);     
     19                </div> 
    2920                <?php 
    3021            } 
    31             echo "</ul>\n"; 
    32         } 
    33         ?> 
    34         <h2><?php echo sprintf($_MIDCOM->i18n->get_string('list of %s folders using the same style template path', 'midcom.admin.styleeditor'), $data['component']); ?></h2> 
    35         <ul> 
     22            else 
     23            { 
     24                // Otherwise default to just listing the elements 
     25                echo "<ul>\n"; 
     26                foreach ($data['style_elements'] as $style_element => $filename) 
     27                { 
     28                    ?> 
     29                        <li><a href="edit/&(style_element);/">&lt;(&(style_element);)&gt;</a></li> 
     30                    <?php 
     31                } 
     32                echo "</ul>\n"; 
     33            } 
     34            ?> 
     35            <h2><?php echo sprintf($_MIDCOM->i18n->get_string('list of %s folders using the same style template path', 'midcom.admin.styleeditor'), $data['component']); ?></h2> 
     36            <ul> 

  • trunk/src/midcom.admin.styleeditor/style/midcom-admin-styleeditor-style-edit.php

    r5474 r5550  
    66    ?> 
    77    <fieldset class="component_default"> 
    8         <legend class="<?php if (isset($data['style_element_object'])) { echo 'hidden'; } else { echo 'visible'; } ?>" onClick="javascript:toggle_visibility(this.parentNode);"><?php echo $_MIDCOM->i18n->get_string('component default', 'midcom.admin.styleeditor'); ?></legend> 
    9         <div class="content" style="display: <?php if (isset($data['style_element_object'])) { echo 'none'; } else { echo 'block'; } ?>;"> 
    10             <pre id="midcom_admin_styleeditor_style_view">&(data['style_element_default_contents']);</pre> 
    11             <button class="copy" onClick="javascript:copy_to_edit('midcom_admin_styleeditor_style_edit', this.parentNode.getElementsByTagName('pre')[0].innerHTML);"> 
    12                 <?php echo $_MIDCOM->i18n->get_string('copy to editor', 'midcom.admin.styleeditor'); ?> 
    13             </button> 
     8        <legend class="<?php if (isset($data['style_element_object'])) { echo 'hidden'; } else { echo 'visible'; } ?>" onClick="javascript:toggle_twisty('midcom_admin_styleeditor_style_contents');"> 
     9            <?php echo $_MIDCOM->i18n->get_string('component default', 'midcom.admin.styleeditor'); ?> 
     10            <img class="twisty" src="<?php echo MIDCOM_STATIC_URL; ?>/midcom.admin.styleeditor/twisty-<?php echo (isset($data['style_element_object'])) ? 'hidden' : 'down'; ?>.gif" alt="-" /> 
     11        </legend> 
     12        <div id="midcom_admin_styleeditor_style_contents" style="display: <?php if (isset($data['style_element_object'])) { echo 'none'; } else { echo 'block'; } ?>;" class="description"> 
     13            <div class="wrapper"> 
     14                <pre id="midcom_admin_styleeditor_style_view">&(data['style_element_default_contents']);</pre> 
     15                <button class="copy" onClick="javascript:copy_to_edit('midcom_admin_styleeditor_style_edit', this.parentNode.getElementsByTagName('pre')[0].innerHTML);"> 
     16                    <?php echo $_MIDCOM->i18n->get_string('copy to editor', 'midcom.admin.styleeditor'); ?> 
     17                </button> 
     18            </div> 
    1419        </div> 
    1520    </fieldset> 

  • trunk/src/midcom.admin.styleeditor/style/midcom-admin-styleeditor-stylelist-all-footer.php

    r5446 r5550  
     1        </div> 
     2    </div> 
    13</fieldset> 

  • trunk/src/midcom.admin.styleeditor/style/midcom-admin-styleeditor-stylelist-all-header.php

    r5469 r5550  
    66        </legend> 
    77    <div id="all_contents" style="display: &(data['display']:h);" class="description all-components"> 
     8        <div class="wrapper">