quattro: more on editor

4 files changed, 67 insertions, 5 deletions

diff --git a/include/conversation.php b/include/conversation.php
index deced3cb8..0c319e802 100644
--- a/include/conversation.php
+++ b/include/conversation.php
@@ -862,7 +862,8 @@ function status_editor($a,$x, $notes_cid = 0) {
 			'$audio' => t('Insert audio link'),
 			'$setloc' => t('Set your location'),
 			'$noloc' => t('Clear browser location'),
-			'$title' => t('Set title'),
+			'$title' => "",
+			'$placeholdertitle' => t('Set title'),
 			'$wait' => t('Please wait'),
 			'$permset' => t('Permission settings'),
 			'$ptyp' => (($notes_cid) ? 'note' : 'wall'),
diff --git a/view/jot.tpl b/view/jot.tpl
index df82f7199..00196e9d3 100644
--- a/view/jot.tpl
+++ b/view/jot.tpl
@@ -1,8 +1,8 @@
 <form action="$action" method="post">
 	<div id="jot">
-		<div id="profile-jot-desc" >&nbsp;</div>
-		<input name="title" id="jot-title" type="text" placeholder="$titleplaceholder" value="$title" class="jothidden" style="display:none">
-		<div id="character-counter" class="grey"></div>
+		<div id="profile-jot-desc" class="jothidden" >&nbsp;</div>
+		<input name="title" id="jot-title" type="text" placeholder="$placeholdertitle" value="$title" class="jothidden" style="display:none">
+		<div id="character-counter" class="grey jothidden"></div>
 		
 		<input type="hidden" name="type" value="$ptyp" />
 		<input type="hidden" name="profile_uid" value="$profile_uid" />
diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index 81943c9b3..c5dfccf25 100644
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -34,6 +34,7 @@ h4 { font-size: 1.1em }
 	transition: all 0.2s ease-in-out;
 }
 
+
 a, a:link { color: @Link; text-decoration: none; }
 a:visited { color: @LinkVisited; text-decoration: none; }
 a:hover {color: @LinkHover; text-decoration: underline; }
@@ -461,7 +462,7 @@ section {
 }
 
 /* editor */
-
+.jothidden { display: none; }
 #jot {
 
 	width: 100%;
@@ -536,6 +537,35 @@ section {
 		}
 	}
 
+	#jot-title {
+		border: 0px;
+		margin: 0px;
+		height: 20px;
+		width: 700px;
+		font-weight: bold;
+		border: 1px solid @BodyBackground;
+
+		&:-webkit-input-placeholder {
+			font-weight: normal;
+		}
+
+		&:-moz-placeholder {
+			font-weight: normal;
+		}		
+	
+		&:hover { border: 1px solid @CommentBoxEmptyBorderColor }
+		&:focus { border: 1px solid @CommentBoxEmptyBorderColor }
+	}
+	
+	#character-counter {
+		width: 80px;
+		float: right;
+		text-align: right;
+		height: 20px;
+		line-height: 20px;
+		padding-right: 20px;
+	}
+
 }
 
 
diff --git a/view/theme/quattro/style.css b/view/theme/quattro/style.css
index 0ba05b8ac..6d3ebc62e 100644
--- a/view/theme/quattro/style.css
+++ b/view/theme/quattro/style.css
@@ -787,6 +787,9 @@ section {
   color: #ffffff;
 }
 /* editor */
+.jothidden {
+  display: none;
+}
 #jot {
   width: 100%;
   margin: 0px 2em 20px 0px;
@@ -863,6 +866,34 @@ section {
   background-color: #bdcdd4;
   color: #666666;
 }
+#jot #jot-title {
+  border: 0px;
+  margin: 0px;
+  height: 20px;
+  width: 700px;
+  font-weight: bold;
+  border: 1px solid #ffffff;
+}
+#jot #jot-title:-webkit-input-placeholder {
+  font-weight: normal;
+}
+#jot #jot-title:-moz-placeholder {
+  font-weight: normal;
+}
+#jot #jot-title:hover {
+  border: 1px solid #999999;
+}
+#jot #jot-title:focus {
+  border: 1px solid #999999;
+}
+#jot #character-counter {
+  width: 80px;
+  float: right;
+  text-align: right;
+  height: 20px;
+  line-height: 20px;
+  padding-right: 20px;
+}
 /** buttons **/
 /*input[type="submit"] {
 	border: 0px;