Ignore:
Timestamp:
Feb 17, 2012, 9:55:56 AM (10 years ago)
Author:
Nicklas Nordborg
Message:

References #1655: GUI improvements

Avoid line-wrapping of message titles on home/login page. Reduce unused space in the menu.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/www/my_base/index.jsp

    r5958 r5970  
    198198  <div class="absolutefull" style="width: 50%;">
    199199 
    200     <div class="absolutefull" style="left: 1em; right: 0.5em; bottom: <%=hasHelp ? "15em" : "1em" %>;">
     200    <div class="absolutefull" style="left: 1em; right: 0.5em; bottom: <%=hasHelp ? "16em" : "1em" %>;">
    201201
    202202    <div class="absolutefull" style="height: 50%;">
     
    269269        String broadcastMessage = (String)application.getAttribute("broadcast.message");
    270270        %>
    271         <div class="item"><base:icon image="warning.png" />
    272           <span class="date"><%=dateFormatter.format(new Date())%></span>
    273           <span class="headline"><%=HTML.encodeTags(broadcastTitle)%></span><br>
    274           <span class="text"><%=HTML.niceFormat(broadcastMessage)%></span>
     271        <div class="item">
     272          <div class="headline">
     273            <base:icon image="warning.png" />
     274            <span class="date"><%=dateFormatter.format(new Date())%></span>
     275            <%=HTML.encodeTags(broadcastTitle)%>
     276          </div>
     277          <div class="text"><%=HTML.niceFormat(broadcastMessage)%></div>
    275278        </div>
    276279        <%
     
    287290        {
    288291          String fullName = m.getName();
    289           String shortName = Values.trimString(fullName, 50);
    290292          String text = Values.trimString(m.getDescription(), 100);
    291293          %>
    292294          <div class="item">
    293             <a href="javascript:viewMessage(<%=m.getId()%>)"
    294               title="<%=HTML.encodeTags(fullName)%>">
    295             <span class="date"><%=dateTimeFormatter.format(m.getTimeSent())%></span>
    296             <span class="headline"><%=HTML.encodeTags(shortName)%></span></a><br>
    297             <span class="text"><%=HTML.encodeTags(text)%></span>
     295            <div class="headline">
     296              <a href="javascript:viewMessage(<%=m.getId()%>)" title="<%=HTML.encodeTags(fullName)%>">
     297              <span class="date"><%=dateTimeFormatter.format(m.getTimeSent())%></span>
     298              <%=HTML.encodeTags(fullName)%></a>
     299            </div>
     300            <div class="text"><%=HTML.encodeTags(text)%></div>
    298301          </div>
    299302          <%
     
    309312  {
    310313    %>
    311     <div class="absolutefull" style="left: 1em; right: 0.5em; top: auto; height: 13em; bottom: 1em; ">
     314    <div class="absolutefull" style="left: 1em; right: 0.5em; top: auto; height: 14em; bottom: 1em; ">
    312315      <div class="absolutefull" style="height: 1.75em; overflow: hidden;"">
    313316      <h3 style="height: 100%;"><base:icon image="help.png" />Help</h3>
     
    318321      {
    319322        %>
    320         <a href="<%=help%>" target="Help"><base:icon image="bullet.png" />Help&hellip;</a><br>
     323        <a href="<%=help%>" target="Help"><base:icon image="bullet.png" />&nbsp;Help&hellip;</a><br>
    321324        <%
    322325      }
     
    326329      {
    327330        %>
    328         <a href="<%=faq%>" target="FAQ"><base:icon image="bullet.png" />Frequently asked questions&hellip;</a><br>
     331        <a href="<%=faq%>" target="FAQ"><base:icon image="bullet.png" />&nbsp;Frequently asked questions&hellip;</a><br>
    329332        <%
    330333      }
     
    334337      {
    335338        %>
    336         <a href="<%=reportBug%>" target="ReportBug"><base:icon image="bug.png" />Report a bug&hellip;</a><br>
     339        <a href="<%=reportBug%>" target="ReportBug"><base:icon image="bug.png" />&nbsp;Report a bug&hellip;</a><br>
    337340        <%
    338341      }
     
    347350  <div class="absolutefull" style="width: 50%; left: auto;">
    348351 
    349     <div class="absolutefull" style="left: 0.5em; right: 1em; bottom: 15em;">
     352    <div class="absolutefull" style="left: 0.5em; right: 1em; bottom: 16em;">
    350353      <div class="absolutefull" style="height: 1.75em; overflow: hidden;"">
    351354      <h3 style="height: 100%;"><base:icon image="news.png" />News and announcements (<%=news.size()%>)
     
    378381            %>
    379382            <div class="item">
    380               <span class="date"><%=dateFormatter.format(n.getNewsDate())%></span>
    381               <span class="headline"><%=HTML.encodeTags(n.getName())%></span><br>
    382               <span class="text"><%=HTML.niceFormat(n.getDescription())%></span>
     383              <div class="headline">
     384                <span class="date"><%=dateFormatter.format(n.getNewsDate())%></span>
     385                <%=HTML.encodeTags(n.getName())%>
     386              </div>
     387              <div class="text"><%=HTML.niceFormat(n.getDescription())%></div>
    383388            </div>
    384389            <%
     
    389394    </div>
    390395 
    391     <div class="absolutefull" style="left: 0.5em; right: 1em; top: auto; height: 13em; bottom: 1em;">
     396    <div class="absolutefull" style="left: 0.5em; right: 1em; top: auto; height: 14em; bottom: 1em;">
    392397      <div class="absolutefull" style="height: 1.75em; overflow: hidden;"">
    393398      <h3 style="height: 100%;"><base:icon image="diskusage.png" />Disk usage</h3>
Note: See TracChangeset for help on using the changeset viewer.