X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrio%2Ftemplates%2Fprv_message.tpl;h=4c90dcae6d8e09a084d444f60b9f316cad8753ae;hb=eaf81e5e66db1f722192005ff75bb5831c1912eb;hp=23f9dab2cad95dfd11939ed8882234c8edee3f66;hpb=2a33882fe03a52eb27a0c7154bac57e9fcd081b3;p=friendica.git

diff --git a/view/theme/frio/templates/prv_message.tpl b/view/theme/frio/templates/prv_message.tpl
index 23f9dab2ca..4c90dcae6d 100644
--- a/view/theme/frio/templates/prv_message.tpl
+++ b/view/theme/frio/templates/prv_message.tpl
@@ -1,7 +1,7 @@
 
 <div id="prvmail-wrapper">
 <form id="prvmail-form" action="message" method="post" >
-	
+
 	{{* Disable the header. We will see if we will need it
 	<h3>{{$header}}</h3>
 	*}}
@@ -10,7 +10,7 @@
 
 	{{* The To: form-group which contains the message recipient *}}
 	<div id="prvmail-to-label" class="form-group">
-		<label for="message-to-select">{{$to}}</label><br>
+		<label for="recip">{{$to}}</label><br>
 		{{if $showinputs}}
 		<input type="text" id="recip" class="form-control" name="messagerecip" value="{{$prefill}}" tabindex="10" {{if $prefill}}disabled{{else}}aria-required="true"{{/if}} />
 		<input type="hidden" id="recip-complete" name="messageto" value="{{$preid}}">
@@ -27,55 +27,55 @@
 
 	{{* The message input field which contains the message text *}}
 	<div id="prvmail-message-label" class="form-group">
-		<label for="prvmail-text">{{$yourmessage}}</label>
-		<textarea rows="8" cols="72" class="prvmail-text form-control" id="comment-edit-text-input" name="body" tabindex="12">{{$text}}</textarea>
+		<label for="comment-edit-text-input">{{$yourmessage}}</label>
+		<textarea rows="8" cols="72" class="prvmail-text form-control text-autosize" id="comment-edit-text-input" name="body" tabindex="12">{{$text}}</textarea>
 	</div>
 
 	<ul id="prvmail-text-edit-bb" class="comment-edit-bb comment-icon-list nav nav-pills hidden-xs pull-left">
 				<li>
-					<a class="icon" style="cursor: pointer;" title="{{$edimg|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="img" data-id="input">
-						<i class="fa fa-picture-o"></i>
-					</a>
+					<button type="button" class="btn-link icon bb-img" style="cursor: pointer;" title="{{$edimg|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="img" data-id="input">
+						<i class="fa fa-picture-o" aria-hidden="true"></i>
+					</button>
 				</li>
 				<li>
-					<a class="icon bb-url" style="cursor: pointer;" title="{{$edurl|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="url" data-id="input">
-						<i class="fa fa-link"></i>
-					</a>
+					<button type="button" class="btn-link icon bb-url" style="cursor: pointer;" title="{{$edurl|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="url" data-id="input">
+						<i class="fa fa-link" aria-hidden="true"></i>
+					</button>
 				</li>
 				<li>
-					<a class="icon bb-video" style="cursor: pointer;" title="{{$edvideo|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="video" data-id="input">
-						<i class="fa fa-video-camera"></i>
-					</a>
+					<button type="button" class="btn-link icon bb-video" style="cursor: pointer;" title="{{$edvideo|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="video" data-id="input">
+						<i class="fa fa-video-camera" aria-hidden="true"></i>
+					</button>
 				</li>
 
 				<li>
-					<a class="icon underline" style="cursor: pointer;" title="{{$eduline|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="u" data-id="input">
-						<i class="fa fa-underline"></i>
-					</a>
+					<button type="button" class="btn-link icon underline" style="cursor: pointer;" title="{{$eduline|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="u" data-id="input">
+						<i class="fa fa-underline" aria-hidden="true"></i>
+					</button>
 				</li>
 				<li>
-					<a class="icon italic" style="cursor: pointer;" title="{{$editalic|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="i" data-id="input">
-						<i class="fa fa-italic"></i>
-					</a>
+					<button type="button" class="btn-link icon italic" style="cursor: pointer;" title="{{$editalic|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="i" data-id="input">
+						<i class="fa fa-italic" aria-hidden="true"></i>
+					</button>
 				</li>
 				<li>
-					<a class="icon bold" style="cursor: pointer;"  title="{{$edbold|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="b" data-id="input">
-						<i class="fa fa-bold"></i>
-					</a>
+					<button type="button" class="btn-link icon bold" style="cursor: pointer;"  title="{{$edbold|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="b" data-id="input">
+						<i class="fa fa-bold" aria-hidden="true"></i>
+					</button>
 				</li>
 				<li>
-					<a class="icon quote" style="cursor: pointer;" title="{{$edquote|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="quote" data-id="input">
-						<i class="fa fa-quote-left"></i>
-					</a>
+					<button type="button" class="btn-link icon quote" style="cursor: pointer;" title="{{$edquote|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="quote" data-id="input">
+						<i class="fa fa-quote-left" aria-hidden="true"></i>
+					</button>
 				</li>
 			</ul>
-	
+
 	<div id="prvmail-text-bb-end"></div>
 
 	{{* The submit button *}}
 	<div id="prvmail-submit-wrapper">
 		<button type="submit" id="prvmail-submit" name="submit" value="{{$submit|escape:'html'}}" class="btn btn-primary pull-right"  tabindex="13">
-			<i class="fa fa-slideshare fa-fw"></i>
+			<i class="fa fa-slideshare fa-fw" aria-hidden="true"></i>
 			{{$submit|escape:'html'}}
 		</button>
 	</div>
@@ -84,3 +84,10 @@
 
 </form>
 </div>
+
+<script type="text/javascript">
+	$(document).ready( function() {
+		// initiale autosize for the textareas
+		autosize($("textarea.text-autosize"));
+	});
+</script>