Changeset 556 for trunk/web-app/css


Ignore:
Timestamp:
Jun 10, 2010, 4:45:53 PM (11 years ago)
Author:
roberth
Message:

Improved the TemplateEditor? again: templates can be created and removed and some checks were built in to ensure that the same fields in different templates point to the same TemplateField? object.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/web-app/css/templateEditor.css

    r544 r556  
    1 #templateFields {
    2     list-style-type: none;
    3     margin: 0;
    4     padding: 0;
    5     width: 400px;
    6 }
    7 #templateFields li {
    8     margin: 0 5px 5px 5px; padding: 5px;
    9 }
    10 html>body #templateFields li {
    11     line-height: 16px; vertical-align: center;
    12 }
    13 .ui-state-highlight {
    14     height: 1.5em; line-height: 1.2em;
    15 }
    16 #templateFields .ui-icon {
    17     display: inline-block;
    18 }
     1/**
     2 * Formatting the template editor with two columns
     3 */
     4.templateEditorStep { float: left; padding: 10px 0px; margin: 0 10px; }
     5.templateEditorStep h3 { margin: 0 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #BBD; }
     6#step2_selectedFields p, #step3_availableFields p { height: 42px; }
    197
    20 #templateFields .empty { opacity: 0.6; padding: 5px 25px; }
     8#step1_template { width:340px; }
     9#step2_selectedFields { width: 340px; margin-right: 20px; }
     10#step3_availableFields { width: 340px; }
    2111
     12/**
     13 * Formatting the template list and the forms to add/edit them
     14 */
     15
     16#templates  { list-style-type: none; margin: 0; padding: 0; width: 330px; }
     17#templates li { margin: 0 5px 5px 5px; padding: 5px; color: #2779AA; }
     18html>body #templates li { line-height: 16px; vertical-align: center; }
     19
     20/* Butons within a list item */
     21.listButtons { display: block; float: right; }
     22.listButtons img { margin: 0 3px; cursor: pointer; }
     23.listButtons img.disabled { cursor: default; opacity: 0.3; }
     24
     25/**
     26 * Formatting of the template fields and the forms to edit/add them
     27 */
     28.templateFields { list-style-type: none;  margin: 0; padding: 0; width: 330px; }
     29.templateFields li { margin: 0 5px 3px 5px; padding: 3px 5px; }
     30html>body .templateFields li { line-height: 16px; vertical-align: center; }
     31.ui-state-highlight { height: 17px; }
     32.templateFields .ui-icon { display: inline-block; height: 13px; }
     33
     34.templateName { color: #2779AA; }
     35a.switch { font-size: small; color: #68BFEF; text-decoration: none; }
     36
     37/* Box to show a list is empty */
     38.templateFields .empty { opacity: 0.6; padding: 5px 25px; }
     39
     40/* The position where an item can be dropped in the available list will be red */
     41#availableTemplateFields .ui-state-highlight { background: #FFD6D6; border-color: #EAAEAE; }
     42
     43/* Form to edit or add a template field, but also for editing a template itself */
    2244.templateField_form { display: none; margin: 5px; padding-top: 8px; border-top: 1px solid #BBD; }
    2345.templateField_form .templateFieldButtons { margin-top: 8px; padding-top: 8px; border-top: 1px solid #BBD; }
    24 .templateField_form label { width: 100px; float: left; display: block; }
    25 .templateField_form textarea {width: 240px; height: 100px;  }
     46.templateField_form label { width: 80px; float: left; display: block; }
     47.templateField_form textarea {width: 145px; height: 100px;  }
     48.templateField_form input[type=text],
     49.templateField_form select {width: 145px; }
    2650
     51/* Add new form */
    2752#addNew {
    28         width: 388px;
     53        width: 318px;
    2954        line-height: 16px;
    3055        background-color: #EBF9D7;
     
    4065#addNew a {
    4166        display: block;
    42         padding: 7px 25px;
     67        padding: 7px 7px;
    4368        cursor: pointer;
    4469        color:#79AA27;
Note: See TracChangeset for help on using the changeset viewer.