#1485444: drag-n-drop performance fix: read folders position only once

alecpl

2008-12-08 b7548893a7a5cc61e4614f489dfdfb3e73f0de0f

 skins/default/settings.css

@@ -4,14 +4,14 @@
#tabsbar
{
  position: absolute;
  top: 42px;
  top: 50px;
  left: 220px;
  right: 60px;
  right: 20px;
  height: 22px;
  border-bottom: 1px solid #999999;
  white-space: nowrap;
  /* css hack for IE */
  width: expression((parseInt(document.documentElement.clientWidth)-280)+'px');
  width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
}

span.tablink,
@@ -47,36 +47,99 @@
#userprefs-box
{
  position: absolute;
  top: 90px;
  top: 95px;
  left: 20px;
  width: 550px;
  border: 1px solid #999999;  
  bottom: 60px;
  right: 20px;
  overflow: auto;
  border: 1px solid #999999;
  /* css hack for IE */
  height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
  width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
}

#userprefs-box fieldset
{
  float: left;
  margin-right: 14px;
  width: 520px;
}

#userprefs-box table td.title
{
  color: #666666;
  padding-right: 10px;
  white-space: nowrap;
}

#userprefs-box table tr.advanced
{
  display: none;
}

#identities-list,
#folder-manager
{
  position: absolute;
  top: 90px;
  top: 95px;
  left: 20px;
  overflow: auto;
}

#folder-manager
{
  width: 600px;
  bottom: 140px;
  overflow: auto;
  border: 1px solid #999999;
  /* css hack for IE */
  height: expression((parseInt(document.documentElement.clientHeight)-235)+'px');
}

#folder-manager.droptarget
{
  border: 1px solid #CC3333;
  background-color: #FFFFA6;
}

#identities-list
{
  bottom: 60px;
  width: 420px;
  border: 1px solid #999999;
  /* css hack for IE */
  height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
}

#listbuttons
{
  position: absolute;
  left: 20px;
  bottom: 18px;
}

#identities-table
{
  width: 500px;
  border: 1px solid #999999;
  width: 420px;
  table-layout: fixed;
  background-color: #F9F9F9;
}

#identities-table tbody td
{
  cursor: pointer;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
}

#identities-table thead td.name
{
  width: 55%;
}

#identities-table thead td.email
{
  width: 45%;
}

#identity-frame
@@ -88,9 +151,16 @@

#identity-details
{
  margin-top: 30px;
  width: 500px;
  position: absolute;
  top: 95px;
  left: 450px;
  right: 20px;
  bottom: 60px;
  border: 1px solid #999999;
  overflow: auto;
  /* css hack for IE */
  width: expression((parseInt(document.documentElement.clientWidth)-470)+'px');
  height: expression((parseInt(document.documentElement.clientHeight)-155)+'px');
}

#identity-details table td.title
@@ -99,6 +169,20 @@
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
}

input.disabled
{
  color: #999999;
}

#bottomboxes
{
  position: absolute;
  width: 600px;
  height: 120px;
  left: 20px;
  bottom: 20px;
}

#userprefs-title,
@@ -118,9 +202,8 @@

div.settingsbox
{
  width: 500px;
  width: 600px;
  margin-top: 20px;
  margin-bottom: 50px;
  border: 1px solid #999999;
}

@@ -132,23 +215,71 @@

#subscription-table
{
  width: 500px;
  border: 1px solid #999999;
  width: 100%;
}

#subscription-table tbody td
{
  height: 20px;
  padding-left: 6px;
  padding-right: 20px;
  padding-right: 10px;
  white-space: nowrap;
  border-bottom: 1px solid #EBEBEB;
  background-color: #F9F9F9;
  cursor: default;
}

/*
#subscription-table tbody td select
#subscription-table tr.virtual td
{
  width: 150px;
  color: #666;
}
*/

#subscription-table tr.selected td,
#subscription-table tr.selected td a
{
  color: #FFFFFF;
  background-color: #CC3333;
}

#subscription-table tr.droptarget td,
#subscription-table tr.droptarget td a
{
  background-color: #FFFFA6;
}

#subscription-table thead td.name
{
  width: 250px;
}

#subscription-table thead td.msgcount
{
  width: 90px;
}

#subscription-table thead td.subscribed
{
  width: 90px;
}

fieldset 
{
  margin-bottom: 0.5em;
  border: 1px solid #999999;
  padding: 4px 8px 9px 8px; 
}

legend
{
  color: #999999;
}

div.advswitch
{
  white-space: nowrap;
  text-align: right;
  position: absolute;
  bottom: 35px;
  right: 20px;
  width: 460px;
}