quattro: more on editor

diff --git a/include/conversation.php b/include/conversation.php
index deced3cb8c834ec1cc05dde58dd65467818ae363..0c319e802f92418ba01a688b1b5daad524604562 100644 (file)
--- 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 df82f7199bd70bdbb5da7d8e18d45660c82216a9..00196e9d3e546bb09c852e377fd1b480e9579539 100644 (file)
--- 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 81943c9b3ddd9c80ce070f7ee0f141a29b18f710..c5dfccf2512f9b3474762e8487ee927f00128a58 100644 (file)
--- 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 0ba05b8acede97e19087c16604ad1f73a7ac3f8d..6d3ebc62e17de5cc21b73b472e064f89159806a0 100644 (file)
--- 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;