]> err.no Git - scalable-opengroupware.org/commitdiff
mailer design stuff
authorhelge <helge@d1b88da0-ebda-0310-925b-ed51d893ca5b>
Sun, 26 Sep 2004 22:07:17 +0000 (22:07 +0000)
committerhelge <helge@d1b88da0-ebda-0310-925b-ed51d893ca5b>
Sun, 26 Sep 2004 22:07:17 +0000 (22:07 +0000)
git-svn-id: http://svn.opengroupware.org/SOGo/trunk@319 d1b88da0-ebda-0310-925b-ed51d893ca5b

SOGo/UI/Mailer/UIxMailAccountsView.wox
SOGo/UI/Mailer/UIxMailListView.wox
SOGo/UI/Mailer/UIxMailMainFrame.wox
SOGo/UI/Mailer/mailer.css

index 067c953f37577133d3e88b5b17f314652678196c..67204f5ba35205fa9989ccd6a785cb323b85ce46 100644 (file)
@@ -9,7 +9,11 @@
   className="UIxMailMainFrame"
   title="name"
 >
-  <h4>Account Settings Page</h4>
-  <a rsrc:href="tbird_073_accountview.png">screenshot</a>
-  
+  <div class="embedwhite_out">
+    <div class="embedwhite_in">
+      Account Settings
+
+      <a rsrc:href="tbird_073_accountview.png">screenshot</a>
+    </div>
+  </div>
 </var:component>
index d07c5e15a309a4bacaa1c4716fb2492789d53876..8894d22ac3ce8b39da5d8e435d66f7e7a3caa574 100644 (file)
@@ -9,6 +9,25 @@
   className="UIxMailMainFrame"
   title="name"
 >
-  <h4>Mail Folder Page</h4>
-  <a rsrc:href="tbird_073_mailwelcome.png">screenshot</a>
+  <div class="titlediv">
+    View:
+    [popup all]
+    Subject or Sender contains:
+    [search field]
+    [clear]
+  </div>
+
+  <div class="embedwhite_out">
+    <div class="embedwhite_in">
+      Folder List
+    </div>
+  </div>
+
+  <div class="embedwhite_out">
+    <div class="embedwhite_in">
+      Content
+      <a rsrc:href="tbird_073_mailwelcome.png">screenshot</a>
+    </div>
+  </div>
+
 </var:component>
index 778ef8f71e3a87d94c0db96c5268909c1382d21b..33f70afbb526b2c3431e62b2875938a156fc0385 100644 (file)
   </head>
 
   <body>
-    <table border="0" width="100%">
+    <table border="0" width="100%" cellspacing="0" cellpadding="2">
       <tr>
-        <td colspan="2" width="100%" valign="top">
+        <td width="100%" valign="top" class="vertframerow">
           Toolbar
         </td>
       </tr>
-      <tr>
-        <td width="25%" valign="top">
-          Folder Tree<br />
-          <var:component className="UIxMailTree" />
-        </td>
-        <td valign="top">
-          <var:component-content/>
+      <tr class="vertframerow">
+        <td width="100%" valign="top" class="vertframerow">
+          <table width="100%">
+            <tr>
+              <td width="25%" valign="top" class="foldercell">
+                <div class="titlediv">Folders</div>
+                <div class="embedwhite_out">
+                  <div class="embedwhite_in">
+                    <var:component className="UIxMailTree" />
+                  </div>
+                </div>
+              </td>
+              <td style="width: 6px;"> </td>
+              <td valign="top" class="contentcell">
+                <var:component-content/>
+              </td>
+            </tr>
+          </table>
         </td>
       </tr>
     </table>
     
+    
+    <!-- debugging -->
     <var:if condition="isUIxDebugEnabled">
       <table border="0" width="100%">
         <tr>
index c1656e15c7499a4eb8e9bf26c9655c63cbb43ca5..7e1a227a3d09664f7e75b869f54dee74f2c43917 100644 (file)
@@ -737,3 +737,54 @@ td.monthprintview_content_dimmed {
   text-align:       center;
   vertical-align:   middle;
 }
+
+
+
+/* new stuff for Thunderbird like mailer */
+
+.vertframerow {
+  border-top-color:    white;
+  border-top-width:    1;
+  border-top-style:    solid;
+  border-bottom-color: #808080;
+  border-bottom-width: 1;
+  border-bottom-style: solid;
+
+  background-color:    #D4D0C8;
+
+  font-family:  Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
+  font-size:    10pt;
+}
+.foldercell {
+  font-family:  Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
+  font-size:    10pt;
+  width:        25%;
+}
+.contentcell {
+  font-family:  Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
+  font-size:    10pt;
+}
+.embedwhite_out {
+  border-width:        1;
+  border-style:        solid;
+  border-top-color:    #808080;
+  border-left-color:   #808080;
+  border-bottom-color: white;
+  border-right-color:  white;
+}
+.embedwhite_in {
+  border-width:        1;
+  border-style:        solid;
+  border-top-color:    #808080; /* TODO */
+  border-left-color:   #808080; /* TODO */
+  border-bottom-color: #808080;
+  border-right-color:  #808080;
+
+  background-color:    white;
+  height:              300px;
+}
+.titlediv {
+  height:         24px;
+  vertical-align: middle;
+  padding-top:    6px;
+}