Presence
The "Users present" tool now includes notification of which of the user's present in the site are also in the Chat room. While we were adding that to the skin we also redid the servlet to output a list, instead of a series of blocks, as more semantically accurate. Below is the diff between 2.1.1 and 2.1.2 for tool_base.css
-------
2.1.1
-------
> .chefPresenceListItem{font-size:.8em;margin-left:3px;white-space:nowrap}
> .presenceList{margin:0px;background:#F0F0F0}
-------
2.1.2
-------
< .presenceList{font-size:.8em;
< list-style: none;
< margin: 0;
< padding-left: .1em;
< }
< .presenceList li {
< padding:0 0 0 .7em;
< margin-bottom:.2em;
< /* white-space: nowrap;*/
< }
<
< .presenceList li.inChat {
< background:url(images/chatpresicon.gif) -.1em center no-repeat;
< }
Resources
Resources was extensively redone for 2.1.1, one thing was left out however - some rows in the table that displays lists needed to be not highlighted on the hover (because they did not represent data, had controls, etc.). These rows now have the class of ".exclude" - which needs to be addressed in tool.css as follows:
.lines tr.exclude:hover{background:transparent}
Assorted things
Continuing the accessibility enhancements, many text block headings were made into actual headings. To avoid the default size of the <hx> in tool.css:
< h3.textList,h4.textList,h5.textList, h6.textList{font-size:1em;}
The .itemNav panel was tweaked to avoid certain problems:
< /*navigator for items - non-floated */
< .itemNav{vertical-align:bottom;text-align:right;line-height:2em}
< .itemNav input,.rightNav input{padding:0 .3em}
< .itemNav input[type="submit"], .rightNav input[type="submit"]{font-size:90%;padding:.3em .6em}
< .itemNav input[type="button"], .rightNav input[type="button"]{font-size:90%;padding:.3em .6em}
<
Certain panels that were floated left or right and were counting on the presence of another panel to break the float found themselves orphaned as we added section capabilities to certain tools. We added a block in these cases with the class of "clear" below (a more common-sensical solution is for 2.2) in tool_base.css:
< .clear {
< margin: 1em 0 ;
< clear: both;
< }
< .clear:before{
< padding:.5em 0;
< content: ".";
< display: block;
< height: 0;
< clear: both;
< visibility: hidden;
< }
A very small start was also made to address user produced text, headers and metadata - used in the Home > Synoptic View. (tool_base.css)
< .textBlock{}
< .smaller{font-size: 90%;}
Finally - the appearance of the first OSPI class. If you are using OSPI (tool_base.css):
< .selectedListBox{
< padding:1em;
< background:#ddd;
< border:1px solid #AAA
< }