frio: resize textareas on typing.

[friendica.git] / view / theme / frio / templates / vcard-widget.tpl

diff --git a/view/theme/frio/templates/vcard-widget.tpl b/view/theme/frio/templates/vcard-widget.tpl
index e5aebecc832281ce1eecf5fa26ff590f80bcc608..040a6aa84a2326b45c95b936adba0690e0ac6a9a 100644 (file)
--- a/view/theme/frio/templates/vcard-widget.tpl
+++ b/view/theme/frio/templates/vcard-widget.tpl
@@ -1,13 +1,27 @@
 
-<div class="vcard widget">
+<div class="vcard widget h-card">
        {{if $url}}
-               <div id="profile-photo-wrapper" class="thumbnail"><a href="{{$url}}"><img class="vcard-photo photo" src="{{$photo}}" alt="{{$name}}" /></a></div>
+               <div id="profile-photo-wrapper" class="thumbnail"><a class="u-url" href="{{$url}}"><img class="vcard-photo photo u-photo" src="{{$photo}}" alt="{{$name}}" /></a></div>
        {{else}}
-               <div id="profile-photo-wrapper" class="thumbnail"><img class="vcard-photo photo" src="{{$photo}}" alt="{{$name}}" /></div>
+               <div id="profile-photo-wrapper" class="thumbnail"><img class="vcard-photo photo u-photo" src="{{$photo}}" alt="{{$name}}" /></div>
        {{/if}}
 
+       {{* The short information which will appended to the second navbar by scrollspy *}}
+       <div id="vcard-short-info-wrapper" style="display: none;">
+               <div id="vcard-short-info" class="media" style="display: none">
+                       <div id="vcard-short-photo-wrapper" class="pull-left">
+                               <img class="media-object" src="{{$photo}}" alt="{{$name}}" />
+                       </div>
+
+                       <div id="vcard-short-desc" class="media-body">
+                               <h4 class="media-heading">{{$name}}</h4>
+                               {{if $addr}}<div class="vcard-short-addr">{{$addr}}</div>{{/if}}
+                       </div>
+               </div>
+       </div>
+
        <div class="panel-body">
-               <div class="fn">{{$name}}</div>
+               <div class="fn p-name">{{$name}}</div>
                {{if $addr}}<div class="p-addr">{{$addr}}</div>{{/if}}
                {{if $pdesc}}<div class="title">{{$pdesc}}</div>{{/if}}