Changeset 19983 in main


Ignore:
Timestamp:
03/09/20 21:04:06 (3 years ago)
Author:
GarthBraithwaite_STG
Message:

view - fixed dataviz query geo xslt. TEMP commit of responsive css.

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

Legend:

Unmodified
Added
Removed

  • trunk/ibisph-view/src/main/webapp/css/_layout-header.css

    r19916 r19983  
    108108        padding:                        30px 0px 18px 95px;
    109109        color:                          #003366;
     110        color:                          var(--heading-color);
    110111        line-height:            32px;
    111112        font-size:                      32px;
    … …  
    128129}
    129130
    130 #siteMenuPanelsControl,
    131 #siteMenuPanelsControl + label
     131#siteMenuPanelsControl
    132132{
    133133        position:                       absolute;

  • trunk/ibisph-view/src/main/webapp/css/_responsive-large.css

    r19882 r19983  
    1 /* 1280-1700
     1/* 1280-1700 */
    22
    3 #siteSearch
     3#siteNavigationMenu > last-child:
    44{
    5         top:                            -50px;
    6 }
    7 #siteSearch input[type="text"]
    8 {
    9         font-size:                      25px;
    10 }
    11 
    12 #siteSearch input[type="submit"]
    13 {
    14         top:                                    10px;
    15 }
    16 
    17 #content #contextNavigation
    18 {
    19         width:                          250px;
    20 }
    21 */
    22 
    23 
    24 #xxxxxxxxxcontent .Sections
    25 {
    26         width: 100%;
    27         max-width: 1200px;
    28 }
    29 #xxxxxxxxxxxxcontent .Sections .FluidContainer
    30 {
    31         margin-left: 1%;
    32         margin-right: 1%;
    33 
    34         width: 47%;
    35 }
    36 
    37 #content .Sections .ScrollableContainer
    38 {
     5        top:                            -7px;
    396}
    407
    418
    42 
    43 /* tried to get double spacing down
    44 #content .Sections .Text.Container br,
    45 #content .Sections .Text .Container br
    46 {
    47         display: block;
    48         content: "";
    49         margin-top: 5em;
    50 }
    51 
    52 #content .Sections .Text.Container br + br,
    53 #content .Sections .Text .Container br + br
    54 {
    55         display: none;
    56 }
    57 */
    589#content .Sections .Text.Container,
    5910#content .Sections .Text .Container
    … …  
    7021.DataViz.Chart
    7122{
    72         min-width: 800px;
     23        min-width:                      800px;
    7324}

  • trunk/ibisph-view/src/main/webapp/css/_responsive-medium.css

    r19882 r19983  
    1 /* 960-1280
    2 */
     1/* 960-1280 */
    32
    43/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ V E R T I C A L   M E N U */
    5 #contextNavigation input.Control,
    6 #contextNavigation .Control + label
     4#siteMenuPanelsControl + label
    75{
    8         display:                                none;
     6        position:                       absolute;
     7        left:                           -4000px;
     8        width:                          0px;
     9        height:                         0px;
     10        opacity:                        0;
    911}
    1012

  • trunk/ibisph-view/src/main/webapp/css/_responsive-tiny.css

    r19882 r19983  
    55body, html
    66{
    7         min-width:                              460px;
     7        min-width:                              640px;
    88        overflow:                               auto;
    99}
    … …  
    1919}
    2020
    21 #header
    22 {
    23         background:             white none;
    24 }
    25 
    26 #header .TitleContainer
    27 {
    28         padding-top:            20px;
    29 }
    30 #header .TitleContainer .Title
    31 {
    32         font-size:                      25px;
    33         line-height:            25px;
    34 }
    35 #header .TitleContainer .Title *
    36 {
    37         font-size:                      20px;
    38         line-height:            20px;
    39 }
    40 
    41 
    42 
    43 #header .TitleContainer
    44 {
    45         top:                                    calc(50% - 30px);
    46 }
    47 #header .TitleContainer .Title
    48 {
    49         font-size:                              25px;
    50         line-height:                    25px;
    51 }
    52 #header > div img
    53 {
    54         max-width:                              100%;
    55         max-height:                             100%
    56 }
     21#header .SiteTitle
     22{
     23        font-size:                              24px;
     24}
     25
    5726
    5827
    … …  
    7039#siteNavigation
    7140{
    72         top:                                    -10px;
     41        top:                                    -5px;
    7342        height:                                 45px;
    7443        line-height:                    35px;
    7544        padding:                                5px 5px 0 5px;
    76         background-color:               #336699;
    77 }
     45        background-color:               #c2d7f8;
     46}
     47
     48#siteMenuPanelsControl + label
     49{
     50        position:                       absolute;
     51        right:                          10px;
     52        width:                          35px;
     53        height:                         35px;
     54        font-size:                      35px;
     55        opacity:                        1;
     56        color: white;
     57}
     58
     59#siteNavigation #siteMenuPanelsControl + .FontIcon
     60{
     61        top:                                    0px;
     62        height:                                 45px;
     63        padding:                                5px 5px 0 5px;
     64        color:                                  #225588; /*var(--color);*/
     65}
     66#siteNavigation #siteMenuPanelsControl:not(checked) + .FontIcon:before
     67{
     68        content:                                "\e030";
     69}
     70#siteNavigation #siteMenuPanelsControl:checked + .FontIcon:before
     71{
     72        content:                                "\e11b";
     73}
     74
     75
     76
     77
     78
     79
    7880#siteNavigation .HorizontalMenu
    7981{
    80         padding:                                1px 0px 2px 0px;
     82        position: absolute;
     83        top: 40px;
     84        right: 0;
     85        display: inline-block;
     86        visibility: hidden;
     87        width: 220px;
     88        padding:                                10px 0px 2px 10px;
    8189        font-size:                              1em;
    82 /*      max-width:                              15em; */
     90/*      max-width:                              15em;
    8391        box-shadow:                     8px 9px 26px -2px rgba(0,0,0,0.77);
     92*/
    8493}
    8594#siteNavigation .HorizontalMenu > li
    8695{
     96        position:                               relative;
    8797        display:                                block;
    88         position:                               relative;
     98        margin-right:                   0.5em;
    8999        border-radius:                  0;
    90100}
    91101
     102
     103#siteNavigation #siteMenuPanelsControl:checked ~ .HorizontalMenu
     104{
     105        visibility: visible;
     106}
     107
     108
     109
     110#siteNavigation .HorizontalMenu  > li > input + label
     111{
     112        padding-left: 25px;
     113}
     114
     115#siteNavigation .HorizontalMenu > li > input[type="radio"] + label::after
     116{
     117        position: absolute;
     118        left: 0;
     119        padding-left: 0;
     120        content: "\e016";
     121}
     122
     123
     124
     125#siteNavigation .HorizontalMenu li > .MegaMenu
     126{
     127        position: absolute;
     128    width: auto;
     129    top: 0px;
     130        left: auto;
     131    right: 200px;
     132        box-shadow: none;
     133}
     134
     135
     136
     137#siteNavigation .HorizontalMenu > li > input[type="radio"]:checked + label
     138{
     139        display: block;
     140        border-radius: 0px 5px 5px 0px;
     141}       
    92142
    93143/* fix needed for if menu open and the main site nav is closed
    … …  
    175225
    176226
    177 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ V E R T I C A L   M E N U */
    178 #content #contextNavigation
    179 {
    180         position:                               absolute;
    181         width:                                  auto;
    182         background-color:               white;
    183         z-index:                                51;
    184         box-shadow:                     4px 4px 10px -2px rgba(0,0,0,0.77);
    185 }
    186 
    187 #contextNavigation input.Control
    188 {
    189         display:                                none;
    190 }
    191 #contextNavigation .Control + label
    192 {
    193         display:                                block;
    194         height:                                 35px;
    195 }
    196 #contextNavigation input.Control:not(checked) + label
    197 {
    198         background:                     #114477 url("../image/icon/24/grid_3x1-white.png") 3px 5px no-repeat;
    199         width:                                  30px;
    200         padding:                                0;
    201         overflow:                               hidden;
    202        
    203         /* hide the label text */
    204         text-indent:                    100%;
    205         white-space:                    nowrap;
    206 
    207         transition:                     all 0.5s linear;
    208 }
    209 #contextNavigation input.Control:checked + label
    210 {
    211         display:                                block;
    212         background:                     #003366 url("../image/icon/24/cross_circle-red.png") right 5px top 8px no-repeat;
    213         color:                                  white;
    214         width:                                  auto;
    215         height:                                 40px;
    216         margin:                                 0;
    217         padding:                                10px 35px 5px 8px;
    218 
    219         text-indent:                    0;
    220         white-space:                    normal;
    221 
    222         border-radius:                  0 4px 0 0;
    223 }
    224 
    225 
    226 #contextNavigation .VerticalMenu
    227 {
    228         width:                                  250px;         
    229         padding:                                0;
    230         border-radius:                  0 0 4px 0;
    231 }
    232 #contextNavigation input.Control:not(checked) + label ~ .VerticalMenu,
    233 #contextNavigation input.Control:not(checked) + label ~ .SocialMedia
    234 {
    235         display:                                none;
    236 }
    237 #contextNavigation input.Control:checked + label ~ .VerticalMenu,
    238 #contextNavigation input.Control:checked + label ~ .SocialMedia
    239 {
    240         display:                                block;
    241         background-color:               #f2f7ff;
    242 }                               
    243 
    244 
    245 
    246 #content .Sections
    247 {
    248         width:                                  calc(100% - 35px);
    249         margin-left:                    35px;
    250         margin-top:                     0px;
    251 }
    252 
    253 #content .Sections .FluidContainer
    254 {
    255 margin: 0 auto;
    256 overflow: auto;
    257 width: 100%;
    258 }
    259 #content .Sections .ScrollableContainer
    260 {
    261         max-width:      480px;
    262 }
     227
     228
    263229
    264230.DataViz.Map,
    265231.DataViz.Chart
    266232{
    267         min-width: 320px;
    268 }
    269 
    270 
    271 #content .TwitterContainer
    272 {
    273         width: 15em;
    274         margin: 0 .5em 0.5em 1em;
    275 }
    276 
    277 
    278 #content #slideShow
    279 {
    280         font-size:                              0.9rem;
    281 }
    282 #content #slideShow li img
    283 {
    284         display:                                none;
     233        min-width: 600px;
    285234}
    286235

  • trunk/ibisph-view/src/main/webapp/xslt/html/DataViz.xslt

    r19890 r19983  
    6868                <xsl:variable name="isCategoryGeoDimension" select="exists($dimensions/DIMENSION[NAME=$categoryDimensionName]/GEOGRAPHY_FLAG)"/>
    6969                <xsl:variable name="isSeriesGeoDimension"   select="exists($dimensions/DIMENSION[NAME=$seriesDimensionName]/GEOGRAPHY_FLAG)"/>
    70                 <xsl:value-of select="not($isNoneMapName) and ($isCategoryGeoDimension or isSeriesGeoDimension)"/>
     70                <xsl:value-of select="not($isNoneMapName) and ($isCategoryGeoDimension or $isSeriesGeoDimension)"/>
    7171        </xsl:function>
    7272

  • trunk/ibisph-view/src/main/webapp/xslt/html/VideoDialog.xslt

    r19890 r19983  
    2626
    2727                <script type="text/javascript">
    28                         var webappContextPath = "<xsl:value-of select="$ibis.baseRequestPath"/>";
    2928                        // <![CDATA[
    3029                        window.videoDialog = null;
    … …  
    5756                                        ).data("kendoMediaPlayer");
    5857                                }
    59                                 if(0 != videoURL.indexOf('http://')) videoURL = webappContextPath + videoURL;
     58                                if(0 != videoURL.indexOf('http://')) videoURL = window.baseRequestPath + videoURL;
    6059                                var mediaOptions =
    6160                                        {
Note: See TracChangeset for help on using the changeset viewer.