Several thematic enhancements to Oxygen including making the main page title an h1
authorDan
Wed, 24 Dec 2008 10:04:19 -0500
changeset 795 ca0c8fc8da6b
parent 794 720516162012
child 796 950502804d87
Several thematic enhancements to Oxygen including making the main page title an h1
language/english/core.json
themes/oxygen/css/bleu.css
themes/oxygen/header.tpl
--- a/language/english/core.json	Mon Dec 22 21:54:30 2008 -0500
+++ b/language/english/core.json	Wed Dec 24 10:04:19 2008 -0500
@@ -254,6 +254,7 @@
       btn_history: 'history',
       btn_moreoptions: 'more options',
       btn_breadcrumbs_home: 'Home',
+      btn_rename_inline: 'Double-click to rename this page',
       
       btn_rename: 'rename',
       btn_printable: 'view printable version',
--- a/themes/oxygen/css/bleu.css	Mon Dec 22 21:54:30 2008 -0500
+++ b/themes/oxygen/css/bleu.css	Wed Dec 24 10:04:19 2008 -0500
@@ -190,7 +190,11 @@
 td#mainhead a:hover { text-decoration: none; color: #000000; border-bottom: 1px dotted #406080; }
 
 /* Text, headings, and links inside the main div (usually #ajaxEditContainer but used some other places as well) */
-div.contentDiv h2 {
+div.contentDiv h1 {
+  margin-top: 0.3em;
+}
+
+div.contentDiv h1, div.contentDiv h2 {
   border-bottom: 1px solid #90B0D0;
   margin-bottom: 0;
 }
@@ -544,9 +548,18 @@
 }
 
 input#pageheading {
-  font-size: 14pt;
+  font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
+  font-size: 18pt;
+  font-weight: bold;
+  border-width: 0 0 1px 0;
+  width: 100%;
   border-bottom: 1px solid #90B0D0;
-  margin-bottom: 0;
+  margin: 0;
+  padding: 0;
+}
+
+input#pageheading:focus {
+  background-color: #fafafa;
 }
 
 input[type ^="button"], input[type ^="submit"], button {
--- a/themes/oxygen/header.tpl	Mon Dec 22 21:54:30 2008 -0500
+++ b/themes/oxygen/header.tpl	Wed Dec 24 10:04:19 2008 -0500
@@ -87,12 +87,13 @@
         textbox.id = 'pageheading';
         textbox.size = name.length + 7;
         textbox.onkeyup = function(e) { if(!e) return; if(e.keyCode == 13) ajaxRenameInlineSave(); if(e.keyCode == 27) ajaxRenameInlineCancel(); };
+        textbox.oldname = name;
         elem.parentNode.insertBefore(textbox, elem);
         document.onclick = ajaxRenameInlineCancel;
         
-        load_component('l10n');
-        load_component('fadefilter');
-        load_component('messagebox');
+        load_component(['l10n', 'fadefilter', 'messagebox']);
+        textbox.focus();
+        textbox.select();
       }
       function ajaxRenameInlineSave()
       {
@@ -104,10 +105,12 @@
         elem1.removeChild(elem1.firstChild);
         elem1.appendChild(document.createTextNode(value));
         elem1.style.display = 'block';
-        if(!value || value=='') return;
+        if(!value || value=='' || value==elem2.oldname) return;
+        setAjaxLoading();
         ajaxPost(stdAjaxPrefix+'&_mode=rename', 'newtitle='+ajaxEscape(value), function() {
           if ( ajax.readyState == 4 )
           {
+            unsetAjaxLoading();
             var response = String(ajax.responseText);
             if ( !check_json_response(response) )
             {
@@ -169,7 +172,10 @@
         <tr><td id="mdg-l"></td><td>
         <table border="0" width="100%" id="title" cellspacing="0" cellpadding="0">
             <tr>
-              <td id="mainhead"><h2><a href="{SCRIPTPATH}/{ADMIN_SID_QUES}">{SITE_NAME}</a></h2><h4>{SITE_DESC}</h4></td>
+              <td id="mainhead">
+                <h2><a href="{SCRIPTPATH}/{ADMIN_SID_QUES}">{SITE_NAME}</a></h2>
+                <h4>{SITE_DESC}</h4>
+              </td>
             </tr>            
           </table>
         </td><td id="mdg-r"></td></tr>
@@ -199,5 +205,5 @@
           <div style="float: right;">
             <img alt=" " src="{CDNPATH}/images/spacer.gif" id="ajaxloadicon" />
           </div>
-          <h2 <!-- BEGIN auth_rename --> ondblclick="ajaxRenameInline();" title="Double-click to rename this page" <!-- END auth_rename --> id="h2PageName">{PAGE_NAME}</h2>
+          <h1 <!-- BEGIN auth_rename --> ondblclick="ajaxRenameInline();" title="{lang:onpage_btn_rename_inline}" <!-- END auth_rename --> id="h2PageName">{PAGE_NAME}</h1>
             <div id="ajaxEditContainer">