diff --git a/view/theme/dispy/jot-header.tpl b/view/theme/dispy/jot-header.tpl
index a3464f3f7..a30b41825 100644
--- a/view/theme/dispy/jot-header.tpl
+++ b/view/theme/dispy/jot-header.tpl
@@ -102,9 +102,28 @@ function initEditor(cb) {
initEditor();
});
+ $("#jot-title").mouseout(function() {
+ $("#jot-title").hide();
+ var ttl = $("#jot-title").val();
+ $('#jot-title-display').html(ttl);
+ if(ttl.length) {
+ $("#jot-title-display").show();
+ }
+ else {
+ $("#jot-title-desc").show();
+ }
+ });
+
+ $("#jot-title-display").click(function() {
+ $("#jot-title-display").hide();
+ $("#jot-title").show();
+ $("#jot-title").focus();
+ });
+
$("#jot-title-desc").click(function() {
$("#jot-title-desc").hide();
$("#jot-title").show();
+ $("#jot-title").focus();
});
var uploader = new window.AjaxUpload(
diff --git a/view/theme/dispy/jot.tpl b/view/theme/dispy/jot.tpl
index b340b532b..57f320d4c 100644
--- a/view/theme/dispy/jot.tpl
+++ b/view/theme/dispy/jot.tpl
@@ -17,6 +17,7 @@
$addtitle
+
diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css
index 59425a05a..08582f1d5 100644
--- a/view/theme/dispy/style.css
+++ b/view/theme/dispy/style.css
@@ -354,6 +354,9 @@ aside #viewcontacts { text-align: right;}
border: 1px solid #cccccc;
width: 530px;
}
+#jot-title-display {
+ font-weight: bold;
+}
/**
diff --git a/view/theme/loozah/style.css b/view/theme/loozah/style.css
index daacba7fc..6b8aef500 100644
--- a/view/theme/loozah/style.css
+++ b/view/theme/loozah/style.css
@@ -144,6 +144,9 @@ blockquote:before {
width: 530px;
}
+#jot-title-display {
+ font-weight: bold;
+}
.fakelink, .fakelink:visited {
color: #15607B;
diff --git a/view/theme/quattro/jot.tpl b/view/theme/quattro/jot.tpl
index 9aeea2df9..61ba75234 100644
--- a/view/theme/quattro/jot.tpl
+++ b/view/theme/quattro/jot.tpl
@@ -15,6 +15,7 @@
$addtitle
+
diff --git a/view/theme/testbubble/jot-header.tpl b/view/theme/testbubble/jot-header.tpl
index dba6cfd2b..bf3b3cbe7 100644
--- a/view/theme/testbubble/jot-header.tpl
+++ b/view/theme/testbubble/jot-header.tpl
@@ -124,11 +124,30 @@ function initEditor(cb) {
initEditor();
});
- $("#jot-title-desc").click(function() {
- $("#jot-title-desc").hide();
- $("#jot-title").show();
- });
+ $("#jot-title").mouseout(function() {
+ $("#jot-title").hide();
+ var ttl = $("#jot-title").val();
+ $('#jot-title-display').html(ttl);
+ if(ttl.length) {
+ $("#jot-title-display").show();
+ }
+ else {
+ $("#jot-title-desc").show();
+ }
+ });
+
+ $("#jot-title-display").click(function() {
+ $("#jot-title-display").hide();
+ $("#jot-title").show();
+ $("#jot-title").focus();
+ });
+
+ $("#jot-title-desc").click(function() {
+ $("#jot-title-desc").hide();
+ $("#jot-title").show();
+ $("#jot-title").focus();
+ });
var uploader = new window.AjaxUpload(
'wall-image-upload',
diff --git a/view/theme/testbubble/jot.tpl b/view/theme/testbubble/jot.tpl
index dce5fb616..be536aff4 100644
--- a/view/theme/testbubble/jot.tpl
+++ b/view/theme/testbubble/jot.tpl
@@ -18,6 +18,7 @@
$addtitle
+
diff --git a/view/theme/testbubble/style.css b/view/theme/testbubble/style.css
index 5c31f2f41..3a5d9f178 100644
--- a/view/theme/testbubble/style.css
+++ b/view/theme/testbubble/style.css
@@ -757,6 +757,9 @@ ul .sidebar-group-li .icon{
width: 460px;
}
+#jot-title-display {
+ font-weight: bold;
+}
#profile-jot-perms, #profile-jot-submit {
width: 60px;