Changeset 5632 in subversion

Timestamp:

Dec 19, 2011 7:44:40 AM (17 months ago)

Author:

thomasb

Message:

Fix compose editor toggling and other style improvements

Location:

trunk/roundcubemail

Files:

• program/js/app.js (modified) (1 diff)
• skins/larry/mail.css (modified) (4 diffs)
• skins/larry/styles.css (modified) (3 diffs)
• skins/larry/templates/compose.html (modified) (1 diff)
• skins/larry/templates/messagepreview.html (modified) (1 diff)
• skins/larry/ui.js (modified) (1 diff)

trunk/roundcubemail/program/js/app.js

@@ -3093 +3093 @@
         this.stop_spellchecking();
 
-      $(this.env.spellcheck.spell_container).css('visibility', vis ? 'visible' : 'hidden');
+      $(this.env.spellcheck.spell_container)[vis ? 'show' : 'hide']();
     }
   };

trunk/roundcubemail/skins/larry/mail.css

@@ -322 +322 @@
 
 .boxlistcontent tbody tr td {
-        padding: 4px 7px;
+        padding: 3px 7px;
         border-bottom: 1px solid #ddd;
         border-left: 1px dotted #bbd3da;
@@ -801 +801 @@
 #messagebody span.part-notice a.button {
         margin-left: 10px;
-        border: 1px solid #ccc;
         box-shadow: 0 1px 1px 0 #e8e386;
         -o-box-shadow: 0 1px 1px 0 #e8e386;
         -webkit-box-shadow: 0 1px 1px 0 #e8e386;
         -moz-box-shadow: 0 1px 1px 0 #e8e386;
+}
+
+#message-objects div a.button:hover,
+#messagebody span.part-notice a.button:hover {
+        box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
+        -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
+        -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
+        -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
 }
 
@@ -1116 +1123 @@
         font-family: monospace;
         font-size: 9pt;
+        outline: none;
+}
+
+#composebody:active,
+#composebody:focus {
 }
 
@@ -1155 +1167 @@
 }
 
-
+.defaultSkin table.mceLayout,
+.defaultSkin table.mceLayout tr.mceLast td {
+        border: 0 !important;
+}
+

trunk/roundcubemail/skins/larry/styles.css

@@ -67 +67 @@
         display: inline-block;
         margin: 0 2px;
-        padding: 3px 5px;
+        padding: 2px 5px;
         color: #525252;
         text-shadow: 0px 1px 1px #fff;
@@ -106 +106 @@
 .formbuttons input.button:hover {
         color: #f2f2f2;
+        border-color: #465864;
         box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
         -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
@@ -175 +176 @@
 }
 
+a.button:hover,
+input.button:hover {
+        border-color: #4fadd5;
+        box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
+        -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
+        -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
+        -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
+}
+
 label.disabled,
 a.button.disabled {
         color: #999;
+}
+
+a.button.disabled,
+input.button.disabled,
+input.button[disabled],
+a.button.disabled:hover,
+input.button.disabled:hover,
+input.button[disabled]:hover {
+        border-color: #c6c6c6;
+        box-shadow: 0 1px 1px 0 #ddd;
+        -o-box-shadow: 0 1px 1px 0 #ddd;
+        -webkit-box-shadow: 0 1px 1px 0 #ddd;
+        -moz-box-shadow: 0 1px 1px 0 #ddd;
 }
 

trunk/roundcubemail/skins/larry/templates/compose.html

@@ -112 +112 @@
                 <span class="composeoption">
                         <label><roundcube:label name="editortype" />
-                                <roundcube:object name="editorSelector" editorid="compose-body" tabindex="12" /></label>
+                                <roundcube:object name="editorSelector" editorid="composebody" tabindex="12" /></label>
                 </span>
                 <span class="composeoption">

trunk/roundcubemail/skins/larry/templates/messagepreview.html

@@ -14 +14 @@
 <!-- record navigation -->
 <div id="countcontrols" class="pagenav">
+<roundcube:if condition="env:mailbox != config:drafts_mbox">
         <roundcube:button command="reply" type="link" class="button reply" classSel="button reply pressed" innerClass="inner" title="replytomessage" content="&lt;-" />
         <roundcube:button command="replyall" type="link" class="button replyall" classSel="button replyall pressed" innerClass="inner" title="replytoallmessage" content="&lt;&lt;-" />
         <roundcube:button command="forward" type="link" class="button forward" classSel="button forward pressed" innerClass="inner" title="forwardmessage" content="-&gt;" />
         &nbsp;
+<roundcube:endif />
         <roundcube:button command="permaurl" type="link" class="button extwin" classSel="button extwin pressed" innerClass="inner" title="openinextwin" content="[]" target="_blank" />
-<!--
-        &nbsp;
-        <roundcube:button command="previousmessage" type="link" class="button pageup disabled" classAct="button pageup" classSel="button pageup pressed" innerClass="inner" title="previousmessage" content="&amp;lt;" />
-        <roundcube:button command="nextmessage" type="link" class="button pagedown disabled" classAct="button pagedown" classSel="button pagedown pressed" innerClass="inner" title="nextmessage" content="&amp;gt;" />
--->
 </div>
 

trunk/roundcubemail/skins/larry/ui.js

@@ -190 +190 @@
 
     if (window.tinyMCE && tinyMCE.get('composebody')) {
-      $('#composebody_tbl').width((w+6)+'px').height('');
-      $('#composebody_ifr').width((w+6)+'px').height((h-54)+'px');
+      $('#composebody_tbl').width((w+11)+'px').height('').css('margin-top', '1px');
+      $('#composebody_ifr').width((w+11)+'px').height((h-24)+'px');
     }
     else {