Changeset 19858 in main


Ignore:
Timestamp:
02/16/20 23:20:31 (2 years ago)
Author:
GarthBraithwaite_STG
Message:

view - updated expandable list css and xslt.

Location:
trunk/ibisph-view/src/main/webapp
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/ibisph-view/src/main/webapp/css/ExpandableContent.css

    r19798 r19858  
    5252
    5353/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ H O V E R */
    54 .ExpandableContent:hover  > h2 > label,
    55 .ExpandableContent:hover  > h3 > label,
    56 .ExpandableContent:hover  > h4 > label,
    57 .ExpandableContent:active > h2,
    58 .ExpandableContent:active > h3,
    59 .ExpandableContent:active > h4,
    60 .ExpandableContent:focus  > h2,
    61 .ExpandableContent:focus  > h3,
    62 .ExpandableContent:focus  > h4
    63 {
    64         background-color:       #a31f32;
     54
     55.ExpandableContent .SelectedValues
     56{
     57        display:                        block;
     58        color:                          #d8d8d8;
     59        font-size:                      0.8rem;
     60        font-style:                     italic;
    6561        font-weight:            normal;
    66         border-radius:          4px 4px 0px 0px; 
    67 }
    68 
    69 .ExpandableContent .SelectedValues
    70 {
    71         display:                        block;
    72         color:                          #eee;
    73         font-size:                      0.9em;
    74         font-style:                     italic;
    7562        margin-left:            2px;
    7663}
     
    10289{
    10390        display:                        block;
    104         padding:                        1em;
     91        padding:                        1em 1rem 0.8em 1rem;
    10592        color:                          #eee;
    10693}
     
    124111{
    125112        content:                        "\e11b";
    126 }
    127 .ExpandableContent > input:not(:checked) + .Control
    128 {
    129         background-image:       url("../image/icon/16/plus_box-gray.png");
    130 }
    131 .ExpandableContent > input[type="radio"]:checked + .Control
    132 {
    133         background-image:       url("../image/icon/16/radio_checked-gray.png");
    134 }
    135 .ExpandableContent > input[type="radio"]:not(:checked) + .Control
    136 {
    137         background-image:       url("../image/icon/16/radio-gray.png");
    138113}
    139114
  • trunk/ibisph-view/src/main/webapp/css/ExpandableList.css

    r19756 r19858  
    4646{
    4747        margin:                         0;
    48         padding:                        1px 0px 0px 1px;
     48        padding:                        0;
    4949        position:                       relative;       /* allows sub menus absolute work relative to the menu item */
    5050}
     
    5656{
    5757        background:             transparent none no-repeat left 5px center;
    58         padding:                        9px 3px 7px 27px;
     58        padding:                        0.5em 0.5rem 0.5em 0.5rem;
    5959        margin-left:            2px;
    6060}
     
    7272.ExpandableList li > a
    7373{
    74         background-image:       url("../image/icon/16/list_box-gray.png");
    7574        display:                        block;
    76         font-size:                      1em;
    77         color:                          #114477;
    7875}
    7976
     
    8683        background-color:       #114477;
    8784        color:                          var(--color-hover);
    88         border-radius:          5px 5px 5px 5px; 
     85        border-radius:          5px 5px 5px 5px;
     86        border-radius:          var(--button-border-radius);
    8987        box-shadow:                     inset 1px 1px 2px 0px #F2E4D5;
    9088}
     
    124122        opacity:                        0;
    125123}
    126 .ExpandableList li > input + label
     124
     125
     126
     127
     128.ExpandableList li > a:before,
     129.ExpandableList li > input + label:before
    127130{
    128         background-image:       url("../image/icon/16/minus_box-gray.png");
    129 }
    130 .ExpandableList li > input[type="checkbox"]:not(:checked) + label
    131 {
    132         background-image:       url("../image/icon/16/plus_box-gray.png");
    133 }
    134 .ExpandableList li > input[type="radio"]:not(:checked) + label
    135 {
    136         background-image:       url("../image/icon/16/radio-gray.png");
    137 }
    138 .ExpandableList li > input[type="radio"]:checked + label
    139 {
    140         background-image:       url("../image/icon/16/radio_checked-gray.png");
     131        content:                        "\e015";
     132        font-family:            "WebComponentsIcons";
     133        font-style:             normal;
     134        font-variant:           normal;
     135        font-weight:            normal;
     136
     137        speak:                          none;
     138        text-transform:         none;
     139        text-decoration:        none !important;
     140        vertical-align:         top;
     141        padding-right:          0.5rem;
    141142}
    142143
    143 
    144 .ExpandableList.RightControl li > a,
    145 .ExpandableList.RightControl li > div,
    146 .ExpandableList.RightControl li > label
     144.ExpandableList li > a:before
    147145{
    148         padding-left:           5px;
     146        content:                        "\e908";
    149147}
    150 .ExpandableList.RightControl li > input + label
     148.ExpandableList li > input[type="checkbox"]:not(:checked) + label:before,
     149.ExpandableList li > input[type="radio"]:not(:checked) + label:before
    151150{
    152         padding-right:          25px;
    153         background-image:       url("../image/icon/16/cross_3d-circle-red.png");
    154         background-position: right 4px center;
    155 }
    156 .ExpandableList.RightControl li > input:not(:checked) + label
    157 {
    158         background-image:       url("../image/icon/16/plus_circle-blue.png");
     151        content:                        "\e014";
    159152}
    160153
     
    179172}
    180173
    181 
    182 
    183 
    184 /*
    185 .ExpandableList li > input:not(:checked) ~ ul li
    186 {
    187 opacitiy: 0;
    188 height: 0;
    189 display: block;
    190                 transition: all 0.8s ease;
    191 }
    192 .ExpandableList li > input:checked ~ ul li
    193 {
    194 width: 100%;
    195 height: 100%;
    196 opacitiy: 1;
    197 background-color: red;
    198 }
    199 */
    200 
    201174/*============================ End of Style Sheet ============================*/
    202175
  • trunk/ibisph-view/src/main/webapp/xslt/html/SelectionsList.xslt

    r19798 r19858  
    268268                                                                <xsl:with-param name="selection"  select="current()"/>
    269269                                                                <xsl:with-param name="href"       select="$href"/>
    270                                                                 <xsl:with-param name="isLeafNode" select="count(current()/SELECTIONS) = 0"/>
     270                                                                <xsl:with-param name="isLeafNode" select="exists(current()/SELECTIONS)"/>
    271271                                                                <xsl:with-param name="titleLevel" select="$titleLevel + 1"/>
    272272                                                        </xsl:call-template>
     
    362362                        <xsl:with-param name="show"      select="$show or exists($selection/SELECTIONS/SHOW)"/>
    363363                </xsl:call-template>
    364 
    365                 <div class="Container">
    366                         <xsl:call-template name="SelectionsList.processSelection">
    367                                 <xsl:with-param name="selection" select="$selection"/>
    368                                 <xsl:with-param name="href"      select="$href"/>
    369                         </xsl:call-template>
    370                 </div>
    371364        </xsl:template>
    372365
Note: See TracChangeset for help on using the changeset viewer.