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 @@
-
 
- -
+
 
+ +
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;