Changeset 28050

Show
Ignore:
Timestamp:
15.08.2013 09:47:08 (6 years ago)
Author:
sjm84
Message:

Changing the top buttons into actual buttons and a new experimental look for the collection buttons

Location:
main/trunk/greenstone3/web/interfaces/default
Files:
2 modified

Legend:

Unmodified
Added
Removed
  • main/trunk/greenstone3/web/interfaces/default/style/core.css

    r27812 r28050  
    250250} 
    251251 
     252/* 
    252253#collectionLinks a div{ 
    253254    display: block; 
     
    261262    padding: 20px; 
    262263    min-width: 200px; 
    263 } 
     264    text-align:center; 
     265} 
     266*/ 
    264267 
    265268#collectionLinks a img{ 
     
    274277} 
    275278 
    276 /* 
    277279.collectionLink { 
    278280    display: block; 
     
    283285    color: #444; 
    284286    text-decoration: none; 
    285     background: url(../images/collectionIconStripe.gif) scroll no-repeat 0 0; 
    286     padding: 20px; 
    287 } 
    288 */ 
     287    min-width: 200px; 
     288    text-align:center; 
     289} 
     290 
     291.collectionLinkText { 
     292    padding: 15px 15px 10px; 
     293} 
    289294 
    290295/* some text should not be rendered as it is just there for search engines */ 
     
    364369    /*display: inline;*/ 
    365370    float:right; 
    366     margin-left: 5px; 
    367371    padding: 1px 4px 1px 0px; 
    368372} 
  • main/trunk/greenstone3/web/interfaces/default/transform/layouts/header.xsl

    r27171 r28050  
    228228 
    229229            <!-- preferences --> 
    230             <li class="ui-state-default ui-corner-all"> 
     230            <li> 
    231231                <a href="{$library_name}/collection/{$collNameChecked}/page/pref"> 
    232232                    <xsl:attribute name="title"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'pref_tip')"/></xsl:attribute> 
    233                     <ul> 
    234                         <li><span><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'pref_b')"/></span></li> 
    235                         <li><span class="ui-icon ui-icon-wrench"><xsl:text> </xsl:text></span></li> 
    236                     </ul> 
     233                    <span id="preferencesButton"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'pref_b')"/></span> 
     234                    <script type="text/javascript"> 
     235                        <xsl:text disable-output-escaping="yes"> 
     236                            $("#preferencesButton").button({icons:{primary:"ui-icon-wrench"}}); 
     237                            $("#preferencesButton .ui-button-text").css({"padding-top":"0px", "padding-bottom":"3px"}); 
     238                        </xsl:text> 
     239                    </script> 
    237240                </a> 
    238241            </li> 
    239242 
    240243            <!-- help --> 
    241             <li class="ui-state-default ui-corner-all"> 
     244            <li> 
    242245                <a href="{$library_name}/collection/{$collNameChecked}/page/help"> 
    243246                    <xsl:attribute name="title"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'help_tip')"/></xsl:attribute> 
    244                     <ul> 
    245                         <li><span><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'help_b')"/></span></li> 
    246                         <li><span class="ui-icon ui-icon-help"><xsl:text> </xsl:text></span></li> 
    247                     </ul> 
     247                    <span id="helpButton"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'help_b')"/></span> 
     248                    <script type="text/javascript"> 
     249                        <xsl:text disable-output-escaping="yes"> 
     250                            $("#helpButton").button({icons:{primary:"ui-icon-help"}}); 
     251                            $("#helpButton .ui-button-text").css({"padding-top":"0px", "padding-bottom":"3px"}); 
     252                        </xsl:text> 
     253                    </script> 
    248254                </a> 
    249255            </li> 
    250256             
    251257            <!-- login/logout --> 
    252             <li class="ui-state-default ui-corner-all" id="userMenuButton"> 
     258            <li id="userMenuButton"> 
    253259                <xsl:choose> 
    254260                    <xsl:when test="/page/pageRequest/userInformation/@username"> 
     
    329335                                </xsl:text> 
    330336                            </script> 
    331                             <ul> 
    332                                 <li><span><xsl:value-of select="/page/pageRequest/userInformation/@username"/></span></li> 
    333                                 <li><span class="ui-icon ui-icon-unlocked"><xsl:text> </xsl:text></span></li> 
    334                             </ul> 
     337                            <span id="loginButton"><xsl:value-of select="/page/pageRequest/userInformation/@username"/></span> 
     338                            <script type="text/javascript"> 
     339                                <xsl:text disable-output-escaping="yes"> 
     340                                    $("#loginButton").button({icons:{primary:"ui-icon-unlocked"}}); 
     341                                    $("#loginButton .ui-button-text").css({"padding-top":"0px", "padding-bottom":"3px"}); 
     342                                </xsl:text> 
     343                            </script> 
    335344                        </a> 
    336345                    </xsl:when> 
     
    360369                            </xsl:attribute> 
    361370                            <xsl:attribute name="title"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'login_tip')"/></xsl:attribute> 
    362                             <ul> 
    363                                 <li><span><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'login_b')"/></span></li> 
    364                                 <li><span class="ui-icon ui-icon-locked"><xsl:text> </xsl:text></span></li> 
    365                             </ul> 
     371                            <span id="loginButton"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'login_b')"/></span> 
     372                            <script type="text/javascript"> 
     373                                <xsl:text disable-output-escaping="yes"> 
     374                                    $("#loginButton").button({icons:{primary:"ui-icon-locked"}}); 
     375                                    $("#loginButton .ui-button-text").css({"padding-top":"0px", "padding-bottom":"3px"}); 
     376                                </xsl:text> 
     377                            </script> 
    366378                        </a> 
    367379                    </xsl:otherwise> 
     
    370382            <!-- debuginfo (doesn't use class="ui-state-error" since the text is not legible due to inherited text-colour) --> 
    371383            <xsl:if test="/page/pageRequest/paramList/param[(@name='debug') and (@value='on' or @value='true' or @value='1')]"> 
    372               <li class="ui-state-default ui-corner-all"> 
    373                 <a href="{$library_name}/collection/{$collNameChecked}/page/debug"> 
    374                   <xsl:attribute name="title"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'debuginfo_tip')"/></xsl:attribute> 
    375                   <ul> 
    376                 <li><span><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'debuginfo_b')"/></span></li> 
    377                 <li><span class="ui-icon ui-icon-info"><xsl:text> </xsl:text></span></li> 
    378                   </ul> 
    379                 </a> 
    380               </li> 
     384                <li> 
     385                    <a href="{$library_name}/collection/{$collNameChecked}/page/debug"> 
     386                        <xsl:attribute name="title"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'debuginfo_tip')"/></xsl:attribute> 
     387                        <span id="debugButton"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'debuginfo_b')"/></span> 
     388                        <script type="text/javascript"> 
     389                            <xsl:text disable-output-escaping="yes"> 
     390                                $("#debugButton").button({icons:{primary:"ui-icon-info"}}); 
     391                                $("#debugButton .ui-button-text").css({"padding-top":"0px", "padding-bottom":"3px"}); 
     392                            </xsl:text> 
     393                        </script> 
     394                    </a> 
     395                </li> 
    381396            </xsl:if> 
    382397        </ul>