Changeset 5977


Ignore:
Timestamp:
Feb 20, 2012, 2:26:26 PM (10 years ago)
Author:
Nicklas Nordborg
Message:

References #1655: GUI improvements

  • Cleaning up css files
  • Getting rid of unuses code (taglibs, jsp, etc.)
  • Found a few places with error message not being properly formatted.
Location:
trunk
Files:
3 deleted
15 edited

Legend:

Unmodified
Added
Removed
  • trunk/www/WEB-INF/base.tld

    r5918 r5977  
    115115
    116116  <tag>
    117     <name>note</name>
    118     <tagclass>net.sf.basedb.clients.web.taglib.Note</tagclass>
    119     <attribute>
    120       <name>id</name>
    121       <required>false</required>
    122       <rtexprvalue>true</rtexprvalue>
    123     </attribute>
    124     <attribute>
    125       <name>clazz</name>
    126       <required>false</required>
    127       <rtexprvalue>true</rtexprvalue>
    128     </attribute>
    129     <attribute>
    130       <name>style</name>
    131       <required>false</required>
    132       <rtexprvalue>true</rtexprvalue>
    133     </attribute>
    134     <attribute>
    135       <name>messagestyle</name>
    136       <required>false</required>
    137       <rtexprvalue>true</rtexprvalue>
    138     </attribute>
    139     <attribute>
    140       <name>type</name>
    141       <required>true</required>
    142       <rtexprvalue>true</rtexprvalue>
    143     </attribute>
    144     <attribute>
    145       <name>title</name>
    146       <required>false</required>
    147       <rtexprvalue>true</rtexprvalue>
    148     </attribute>
    149     <attribute>
    150       <name>icon</name>
    151       <required>false</required>
    152       <rtexprvalue>true</rtexprvalue>
    153     </attribute>
    154     <attribute>
    155       <name>visible</name>
    156       <required>false</required>
    157       <rtexprvalue>true</rtexprvalue>
    158     </attribute>
    159   </tag>
    160 
    161   <tag>
    162117    <name>icon</name>
    163118    <tagclass>net.sf.basedb.clients.web.taglib.Icon</tagclass>
  • trunk/www/biomaterials/bioplates/wells/edit_biowell.jsp

    r5949 r5977  
    229229          <th></th>
    230230          <td>
    231             <base:note type="warning" style="background: #ffffd8;">
     231            <div class="messagecontainer note">
    232232              New biomaterial can't be added to this well if
    233233              '<%=HTML.encodeTags(currentBioMaterial.getName())%>' is removed.
    234             </base:note>
     234            </div>
    235235          </td>
    236236        </tr>
  • trunk/www/common/share/share.jsp

    r5949 r5977  
    488488    </table>
    489489
    490       <div class="error" id="share_disabled" style="display:none;">
     490      <div class="messagecontainer error" id="share_disabled" style="display:none;">
    491491        You don't have permission to change permissions for the
    492492        Everyone group. Please contact the server administrator
  • trunk/www/impersonate.jsp

    r5949 r5977  
    103103 
    104104    <div class="content">
     105      <table class="fullform input100 bottomborder">
    105106      <%
    106107      if (error != null)
    107108      {
    108109        %>
    109         <div class="error"><%=error%></div>
     110        <tr>
     111          <td colspan="3">
     112          <div class="messagecontainer error"><%=error%></div>
     113          </td>
     114        </tr>
    110115        <%
    111116      }
    112117      %>
    113       <table class="fullform input100 bottomborder">
    114118      <tr>
    115119        <th>User</th>
  • trunk/www/include/styles/calendar.css

    r5908 r5977  
    4242{
    4343  border-top: 1px solid #A0A0A0;
    44   xborder-left: 1px solid #E8E8E8;
    4544  border-bottom: 1px solid #A0A0A0;
    46   xborder-right: 1px solid #A0A0A0;
    47   xborder: 1px solid #A0A0A0;
    4845  font-weight: bold;
    4946  text-align: center;
     
    5249.date
    5350{
    54   xborder-top: 1px solid #E8E8E8;
    55   xborder-left: 1px solid #E8E8E8;
    5651  border-bottom: 1px dotted #A0A0A0;
    57   xborder-right: 1px solid #A0A0A0;
    58   xborder: 1px solid #A0A0A0;
    5952  text-align: center;
    6053  padding: 2px 2px 1px 2px;
  • trunk/www/include/styles/help.css

    r5907 r5977  
    126126
    127127
    128 /*Toolbar for editing the helptext*/
    129 .editbar
    130 {
    131       border-top: thin solid #999999;
    132       border-left: thin solid #999999;
    133       border-right: thin solid #999999;
    134       border-bottom: thin solid #000000;
    135       width: 100%;
    136       padding-bottom: 0px;
    137 }
    138128
    139 
  • trunk/www/include/styles/login.css

    r5970 r5977  
    3434  color: #F0F0F0;
    3535  margin: 0em 0px 0px 0px;
     36  padding: 1px 4px 1px 4px;
     37  border: 0px;
     38  background-color: #224488;
    3639  background-image: url('backgrounds/popup_h1.png');
    37   background-color: #224488;
    3840  background-position: right;
    3941  background-repeat: no-repeat;
    4042  overflow: hidden;
    41   border: 0px;
    4243}
    4344
  • trunk/www/include/styles/long_texts.css

    r5426 r5977  
    2828  @version 2.10
    2929*/
    30 div.constrained {
    31   max-height: 32px;
     30div.constrained
     31{
     32  max-height: 2.75em;
    3233  word-wrap: break-word;
    3334  overflow: hidden;
    3435}
    3536
    36 div.constrained.unchecked {
     37div.constrained.unchecked
     38{
    3739  border-right: 2px dotted #666666;
    3840}
    3941
    40 div.constrained.overflowed {
     42div.constrained.overflowed
     43{
    4144  border-right: 2px solid #666666;
    4245}
    4346
    44 div.constrained.manualshow:hover {
     47div.constrained.manualshow:hover
     48{
    4549  cursor: pointer;
    4650}
    4751
    48 div.constrained.autoshow:hover {
     52div.constrained.autoshow:hover
     53{
    4954  max-height: none;
    5055}
    5156
    52 div.constrained.shown {
     57div.constrained.shown
     58{
    5359  max-height: none;
    5460}
  • trunk/www/include/styles/main.css

    r5959 r5977  
    8888{
    8989  text-decoration: underline;
     90}
     91
     92/* Disabled links are grayed out and not underlined */
     93a.disabled, label.disabled, .link.disabled
     94{
     95  color: #666666;
     96  cursor: default;
     97}
     98a.disabled:hover, label.disabled:hover, .link.disabled:hover
     99{
     100  text-decoration: none;
    90101}
    91102
     
    282293}
    283294
    284 .icon.link.disabled
    285 {
    286   cursor: default;
    287 }
    288 
    289295.icon.disabled img
    290296{
     
    334340  overflow: auto;
    335341}
     342
     343/* A "postit" style message that is made visible when mouse is over an element */
     344.postit
     345{
     346  position: absolute;
     347  width: 20em;
     348  background: #F8F8E8;
     349  border: 1px solid #A0A0A0;
     350  padding: 2px;
     351  overflow: auto;
     352}
     353
     354/* Debug messages which are useful for developers */
     355.debug
     356{
     357  position: absolute;
     358  bottom: 0px;
     359  left: 0px;
     360  right: 0px;
     361  height: 5em;
     362  font-family: monospace;
     363  background: #DDDDFF;
     364  border-top: 1px solid #2288AA;
     365  z-index: 999;
     366  overflow: auto;
     367}
     368
     369.debug > div
     370{
     371  border-bottom: 1px dotted #2288AA;
     372}
     373
     374
    336375
    337376/*
     
    424463  border-color: #2288AA !important;
    425464}
     465/* Unchangeable fields have a yellow-ish background */
     466
     467input.unchangeable, select.unchangeable, textarea.unchangeable, .unchangeable select
     468{
     469  background: #FFF0D0;
     470}
     471
     472/* Special header-like options in selection lists */
     473.selectoptionheader, .recentheader, .defaultheader
     474{
     475  font-weight: bold;
     476}
     477
     478.selectoptionautodetect
     479{
     480  font-style: italic;
     481}
     482
     483.selectoptionindent
     484{
     485  padding-left: 1em;
     486}
     487
     488.selectionlist .removed
     489{
     490  font-style: italic;
     491  color: #999999;     
     492}
     493
    426494
    427495/*
     
    768836}
    769837
    770 
    771 /*
    772   STYLES BELOW ARE OLD AND SHOULD BE VERIFIED
    773   ------------------------------------------
    774 */
    775 
    776 
    777 
    778 h3 {
    779   color: #FFFFFF;
    780   background: #555577;
    781   font-weight: bold;
    782   margin-bottom: 0em;
    783   padding: 1px 4px 1px 4px;
    784   border: 1px solid #999999;
    785   xbackground-color: #224488;
    786 }
    787 
    788 h3.docked, .docked h3 {
    789   border-bottom: 0px;
    790 }
    791 
    792 h3 * { vertical-align: bottom; }
    793 
    794 h4 {
    795   color: #224488;
    796   xbackground: #E8E8E8;
    797   font-weight: bold;
    798   margin: 0px;
    799   xmargin-top:1em;
    800   /*margin-bottom: 3px;*/
    801   xborder-bottom: 1px solid #A0A0A0;
    802   xborder-top: 1px solid #A0A0A0;
    803   padding-left: 2px;
    804   padding-bottom: 2px;
    805   xpadding-top: 15px;
    806 }
    807 
    808 h4.docked, .docked h4 {
    809   border-bottom: 0px;
    810   margin-bottom: 0px;
    811 }
    812 
    813 
    814 .boxed {
    815   border: 1px solid #999999;
    816   padding: 4px 6px 4px 6px;
    817   background: #FFFFFF;
    818 }
    819 
    820 .boxedbottom {
    821   border: 1px solid #999999;
    822   padding: 4px 6px 4px 6px;
    823   border-top: 0px;
    824   background: #FFFFFF;
    825 }
    826 
    827 .itemstatus
    828 {
    829   padding: 6px;
    830 }
    831 
    832 
    833 select.disabled {
    834   background: #E0E0E0;
    835   color: #666666;
    836   border: 1px solid #999999;
    837 }
    838 
    839 input.unchangeable, select.unchangeable, textarea.unchangeable, .unchangeable select {
    840   background: #FFF0D0;
    841 }
    842 
    843 a.disabled, label.disabled {
    844   color: #666666;
    845   cursor: default;
    846 }
    847 a.disabled:hover, label.disabled:hover {
    848   text-decoration: none;
    849 }
    850 
    851 .form .prompt {
    852   font-weight: bold;
    853   padding: 1px 4px 2px 2px;
    854   white-space: nowrap;
    855   background: #E0E0E0;
    856 }
    857 
    858 .form .subprompt {
    859   font-weight: normal;
    860   text-align: right;
    861   padding: 1px 4px 2px 2px;
    862   white-space: nowrap;
    863   background: #E0E0E0;
    864 }
    865 
    866 .form tr {
    867   vertical-align: top;
    868 }
    869 
    870 .form .info {
    871   padding: 2px;
    872 }
    873 
    874 
    875 .selectoptionheader, .recentheader {
    876   font-weight: bold;
    877 }
    878 
    879 .selectionlist .recent {
    880 }
    881 
    882 .selectoptionheader, .defaultheader {
    883     font-weight: bold;
    884 }
    885 
    886 .selectoptionautodetect {
    887   font-style: italic;
    888 }
    889 
    890 .selectoptionindent {
    891   padding-left: 1em;
    892 }
    893 
    894 .selectionlist .default {
    895 }
    896 
    897 .selectionlist .removed {
    898   font-style: italic;
    899   color: #999999;     
    900 }
    901 
    902 
    903 .inlineerror {
    904   color: #FFFFFF;
    905   background: #CC0000;
    906   padding: 0px 2px 0px 2px;
    907   border: 1px solid #CCCCCC;
    908   text-align: center;
    909 }
    910 
    911 
    912 
    913 .note .main {
    914   border: 1px solid #999999;
    915 }
    916 
    917 .note .icon {
    918   border-top: solid 1px #FFFFFF;
    919   border-left: solid 1px #FFFFFF;
    920   text-align: left;
    921   padding: 6px 6px 6px 6px;
    922 }
    923 
    924 .note .title {
    925 }
    926 
    927 .note .message {
    928   border-top: solid 1px #FFFFFF;
    929   padding: 4px 4px 0px 0px;
    930   vertical-align: middle;
    931 }
    932 
    933 .note .message div {
    934   overflow: auto;
    935 }
    936 
    937 
    938 .parameter {
    939   font-style: italic;
    940   font-weight: bold;
    941 }
    942 
    943 .buttonclass {
    944   background: #E0E0E0;
    945   border-top: 1px solid #333333;
    946   border-left: 1px solid #333333;
    947   border-right: 1px solid #333333;
    948   border-bottom: 1px solid #333333;
    949 }
    950 
    951 .buttonclass_disabled {
    952   background: #E0E0E0;
    953   border-top: 1px solid #333333;
    954   border-left: 1px solid #333333;
    955   border-right: 1px solid #333333;
    956   border-bottom: 1px solid #333333;
    957   color: #666666;
    958   cursor: default;
    959 }
    960 
    961 .buttonclass_inner {
    962   border-top: 1px solid #FFFFFF;
    963   border-left: 1px solid #FFFFFF;
    964   border-bottom: 1px solid #999999;
    965   border-right: 1px solid #999999;
    966   padding: 1px 5px 2px 5px;
    967   text-align: center;
    968   white-space: nowrap;
    969 }
    970 .buttonclass_inner table
    971 {
    972   margin-left: auto;
    973   margin-right: auto;
    974 }
    975 
    976 .leftaligned .buttonclass_inner table
    977 {
    978   margin-left: 0px;
    979 }
    980 
    981 .buttonclass_inner td {
    982   text-align: center;
    983 }
    984 .buttonclass_inner img {
    985   padding-right: 3px;
    986 }
    987 
    988 .buttonclass:hover {
    989   background: #F0F0F0;
    990   border-top: 1px solid #333333;
    991   border-left: 1px solid #333333;
    992   border-right: 1px solid #333333;
    993   border-bottom: 1px solid #333333;
    994   cursor: pointer;
    995 }
    996 
    997 .fixedatbottom {
    998   position: fixed;
    999   bottom: 0px;
    1000   left: 12px;
    1001   right: 12px;
    1002   border-top: 1px solid #999999;
    1003   background: #FFFFFF;
    1004   padding: 4px 0px 4px 0px;
    1005   text-align: center;
    1006 }
    1007 
    1008 
    1009 .postit {
    1010   position: absolute;
    1011   width: 200px;
    1012   background: #ffffd8;
    1013   border: 1px solid #999999;
    1014   padding: 2px;
    1015   overflow: auto;
    1016 }
    1017 
    1018 
    1019 
    1020 
    1021 .debug {
    1022   position: absolute;
    1023   bottom: 0px;
    1024   left: 0px;
    1025   right: 0px;
    1026   height: 50px;
    1027   font-family: monospace;
    1028   background: #DDDDFF;
    1029   border-top: 1px solid #6666CC;
    1030   z-index: 999;
    1031   overflow: auto;
    1032 }
    1033 
    1034 .debug > div {
    1035   border-bottom: 1px dotted #6666CC;
    1036 }
    1037 
    1038 
  • trunk/www/include/styles/menu.css

    r5970 r5977  
    5858.menu.horizontal .menuitem.enabled:hover
    5959{
    60   background: #F0F0F0;
    6160  border: 2px solid #2288AA;
    6261  padding: 1px 4px 1px 4px;
     
    8988.menu.vertical .menuitem.enabled:hover
    9089{
    91   background: #F0F0F0;
    9290  border: 2px solid #2288AA;
    9391  padding: 1px 2px 1px 2px;
  • trunk/www/include/styles/size_xs.css

    r5960 r5977  
    4040  height: 1.7em;
    4141  max-height: 1.8em;
    42   xborder-bottom: 1px solid #0000ff;
    4342}
    4443
  • trunk/www/info/news.jsp

    r5946 r5977  
    6262  <base:head styles="login.css">
    6363  </base:head>
    64   <base:body>
     64  <base:body style="padding-top: 5em;">
    6565   
    66     <table border=0 cellspacing=5 cellpadding=0 width="80%" align="center">
     66    <table style="margin: auto; width: 600px;">
    6767    <tr><td><base:icon image="goback.png" /><a href="<%=root%>/main.jsp?ID=<%=ID%>">Back to login</a></td></tr>
    6868    <tr>
    6969    <td>
    70       <h3>News and announcements
     70      <h3 style="margin-top: 1em;">News and announcements
    7171      <%
    7272      if (RssNewsFeed.isEnabled())
    7373      {
    74         %><a href="news.rss"
     74        %>
     75        <a href="info/news.rss"
    7576          title="Subscribe to news from this BASE server"
    76           ><base:icon image="rss.png" /></a>
     77          ><base:icon image="rss.png" style="float: right; margin-top: 1px;"/></a>
    7778        <%
    7879      }
     
    8485      {
    8586        %>
    86         <div class="item"><base:icon image="warning.png" />
    87           <a name="broadcast"></a>
    88           <span class="date"><%=dateFormatter.format(new Date())%></span>
    89           <span class="headline"><%=HTML.encodeTags(broadcastTitle)%><%=denyLogin ? " (login disabled)" : "" %></span><br>
    90           <span class="text"><%=HTML.niceFormat(broadcastMessage)%></span>
     87        <div class="item">
     88          <div class="headline">
     89            <base:icon image="warning.png" />
     90            <a name="broadcast"></a>
     91            <span class="date"><%=dateFormatter.format(new Date())%></span>
     92            <%=HTML.encodeTags(broadcastTitle)%><%=denyLogin ? " (login disabled)" : "" %>
     93          </div>
     94          <div class="text"><%=HTML.niceFormat(broadcastMessage)%></div>
    9195        </div>
    9296        <%
     
    101105        %>
    102106        <div class="item">
    103           <a name="<%=n.getId() + "-" + n.getVersion()%>"></a>
    104           <span class="date"><%=dateFormatter.format(n.getNewsDate())%></span>
    105           <span class="headline"><%=HTML.encodeTags(n.getName())%></span><br>
    106           <span class="text"><%=Values.getString(n.getDescription())%></span>
     107          <div class="headline">
     108            <a name="<%=n.getId() + "-" + n.getVersion()%>"></a>
     109            <span class="date"><%=dateFormatter.format(n.getNewsDate())%></span>
     110            <%=HTML.encodeTags(n.getName())%>
     111          </div>
     112          <div class="text"><%=Values.getString(n.getDescription())%></div>
    107113        </div>
    108114        <%
  • trunk/www/main.jsp

    r5970 r5977  
    120120  </base:head>
    121121 
    122   <base:body onload="init();">
     122  <base:body onload="init();" style="padding-top: 5em;">
    123123    <form name="login" action="login.jsp" method="post" onsubmit="doLogin();">
    124124    <input type="hidden" name="ID" value="<%=ID%>">
    125125    <input type="hidden" name="nextpage" value="<%=root%>my_base/user/index.jsp">
    126126   
    127     <table style="margin: auto; width: 600px; margin-top:5em; ">
     127    <table style="margin: auto; width: 600px;">
    128128    <tr>
    129129    <td>
  • trunk/www/my_base/user/settings.jsp

    r5921 r5977  
    260260     
    261261      <t:tab id="password" title="Password" validate="validatePassword()" helpid="userpreferences.password">
     262        <table class="fullform input100">
    262263        <% if (!Application.isUsingInternalAuthentication() && writePermission)
    263264        {
    264265          %>
    265           <div class="error">Base is using external authentication. Password cannot be changed here.</div>
     266          <tr>
     267            <td colspan="2">
     268            <div class="messagecontainer error">Base is using external authentication. Password cannot be changed here.</div>
     269            </td>
     270          </tr>
    266271          <%
    267272        }
    268273        %>
    269         <table class="fullform input100">
    270274        <tr>
    271275          <th>Login</th>
  • trunk/www/plugins/net/sf/basedb/clients/web/plugins/simple_export.jsp

    r5975 r5977  
    291291      %>
    292292      <div id="errors" style="margin-bottom: 12px;" class="parameterhelp">
    293         <div class="error" style="margin: 0px;">
     293        <div class="messagecontainer error" style="margin: 0px;">
    294294        <%=errorMessage %>
    295295        </div>
Note: See TracChangeset for help on using the changeset viewer.