Changeset 5970


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.

Location:
trunk/www
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • trunk/www/include/menu.jsp

    r5952 r5970  
    434434   
    435435    fillText.append(" onclick=\"Menu.toggleTopMenu(document.getElementById('projects'), event.clientX-50, event.clientY); event.cancelBubble = true;\">");
    436     fillText.append(activeProject == null ? "<i>- " + menu.getString("noactiveproject.title") + " -</i>" : HTML.encodeTags(activeProject.getName()));
    437     fillText.append(" <img src=\""+root+"images/sort_asc.png\"></a><span class=\"menuseparator\"></span>");
     436    fillText.append(activeProject == null ? "<i>" + menu.getString("noactiveproject.title") + "</i>" : HTML.encodeTags(activeProject.getName()));
     437    fillText.append("<img src=\""+root+"images/sort_asc.png\"></a><span class=\"menuseparator\"></span>");
    438438   
    439439    fillText.append("<a href=\"javascript:void(0)\" title=\"" + menu.getString("menu.refresh.tooltip") + "\"");
     
    449449    fillText.append(" onclick=\"javascript:Menu.toggleTopMenu(document.getElementById('switchuser'), event.clientX-100, event.clientY); event.cancelBubble = true;\">");
    450450    fillText.append(HTML.encodeTags(user.getLogin()));
    451     fillText.append(" (").append(user.getName()).append(") <img src=\""+root+"images/sort_asc.png\"></a>");
     451    fillText.append(" (").append(user.getName()).append(")<img src=\""+root+"images/sort_asc.png\"></a>");
    452452    %>
    453453    <%
  • trunk/www/include/styles/login.css

    r5918 r5970  
    8686}
    8787
    88 .news .item .date
    89 {
    90   font-size: 0.75em;
    91 }
    92 
    9388.news .item .headline
    9489{
    9590  font-weight: bold;
     91  white-space: nowrap;
     92  overflow: hidden;
     93  text-overflow: ellipsis;
     94}
     95
     96.news .item .date
     97{
     98  font-weight: normal;
     99  font-size: 0.75em;
    96100}
    97101
  • trunk/www/include/styles/menu.css

    r5960 r5970  
    126126.menufill .menuseparator
    127127{
    128   border-right: 1px solid #999999;
    129   margin-right: 8px;
    130   margin-left: 8px;
     128  border-right: 1px solid #A0A0A0;
     129  margin-right: 4px;
     130  margin-left: 4px;
    131131}
    132132
  • trunk/www/main.jsp

    r5946 r5970  
    247247      {
    248248        %>
    249         <div class="item"><base:icon image="warning.png" />
    250           <span class="date"><%=dateFormatter.format(new Date())%></span>
    251           <span class="headline"><%=HTML.encodeTags(broadcastTitle)%><%=denyLogin ? " (login disabled)" : "" %></span><br>
    252           <span class="text"><%=HTML.niceFormat(broadcastMessage)%></span>
     249        <div class="item">
     250          <div class="headline">
     251            <base:icon image="warning.png" />
     252            <span class="date"><%=dateFormatter.format(new Date())%></span>
     253            <%=HTML.encodeTags(broadcastTitle)%><%=denyLogin ? " (login disabled)" : "" %>
     254          </div>
     255          <div class="text"><%=HTML.niceFormat(broadcastMessage)%></div>
    253256        </div>
    254257        <%
     
    266269        %>
    267270        <div class="item">
    268           <span class="date"><%=dateFormatter.format(n.getNewsDate())%></span>
    269           <span class="headline"><%=HTML.encodeTags(n.getName())%></span><br>
    270           <span class="text"><%=HTML.niceFormat(n.getDescription())%></span>
     271          <div class="headline">
     272            <span class="date"><%=dateFormatter.format(n.getNewsDate())%></span>
     273            <%=HTML.encodeTags(n.getName())%>
     274          </div>
     275          <div class="text"><%=HTML.niceFormat(n.getDescription())%></div>
    271276        </div>
    272277        <%
  • 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.