diff options
Diffstat (limited to 'view/tpl')
-rw-r--r-- | view/tpl/cropcover.tpl | 4 | ||||
-rw-r--r-- | view/tpl/oembed_video.tpl | 2 | ||||
-rw-r--r-- | view/tpl/profile_vcard.tpl | 20 |
3 files changed, 14 insertions, 12 deletions
diff --git a/view/tpl/cropcover.tpl b/view/tpl/cropcover.tpl index ba91a2cce..eda6a7ba8 100644 --- a/view/tpl/cropcover.tpl +++ b/view/tpl/cropcover.tpl @@ -15,8 +15,8 @@ var image = document.getElementById('croppa'); var cropper = new Cropper(image, { aspectRatio: 2.75 / 1, viewMode: 1, - preview: '.crop-preview', - crop: function(e) { + preview: '#cover-photo-wrapper, .crop-preview', + crop: function(e) { $( '#x1' ).val(e.detail.x); $( '#y1' ).val(e.detail.y); $( '#x2' ).val(e.detail.x + e.detail.width); diff --git a/view/tpl/oembed_video.tpl b/view/tpl/oembed_video.tpl index b0cfed2e5..d821ebdb2 100644 --- a/view/tpl/oembed_video.tpl +++ b/view/tpl/oembed_video.tpl @@ -1,4 +1,4 @@ <a href="{{$embedurl}}" onclick="this.innerHTML=Base64.decode('{{$escapedhtml}}'); return false;" style="float:left; margin: 1em; position: relative;"> <img width="{{$tw}}" height="{{$th}}" src="{{$turl}}" /> - <div style="position: absolute; top: 0px; left: 0px; width: {{$twpx}}; height: {{$thpx}}; background: url({{$baseurl}}/images/icons/48/play.png) no-repeat center center;"></div> + <div style="position: absolute; top: 0px; left: 0px; width: {{$twpx}}; height: {{$thpx}}; background: url('{{$baseurl}}/images/icons/48/play.png') no-repeat center center;"></div> </a> diff --git a/view/tpl/profile_vcard.tpl b/view/tpl/profile_vcard.tpl index a649581e0..6cf40bf79 100644 --- a/view/tpl/profile_vcard.tpl +++ b/view/tpl/profile_vcard.tpl @@ -1,9 +1,11 @@ <div class="rounded mb-3 vcard-card h-card"> <div class="card mb-2"> - <div id="profile-cover-wrapper" class="position-relative"> - <img class="img-fluid rounded-top" src="{{$cover.url}}" alt="" style=""> + <div class="position-relative"> + <div id="cover-photo-wrapper" class="overflow-hidden w-100 rounded-top"> + <img class="img-fluid rounded-top" src="{{$cover.url}}" alt="" style=""> + </div> {{if $connect}} - <a href="{{$connect_url}}" class="btn btn-success btn-sm m-2 position-absolute end-0" rel="nofollow"> + <a href="{{$connect_url}}" class="btn btn-success btn-sm m-2 position-absolute top-0 end-0" rel="nofollow"> <i class="fa fa-plus"></i> {{$connect}} </a> {{/if}} @@ -33,15 +35,15 @@ </div> {{/if}} </div> - <div class="d-flex justify-content-start"> - <div class="rounded rounded-end-0 rounded-top-0"> - <img class="rounded rounded-end-0 rounded-top-0 u-photo" src="{{$profile.photo}}?rev={{$profile.picdate}}" alt="{{$profile.fullname}}" style="width: 6rem; height:6rem;"> + <div class="d-flex"> + <div id="profile-photo-wrapper" class="bg-body-secondary rounded rounded-end-0 rounded-top-0 overflow-hidden" style="min-width: 5rem; min-height: 5rem;"> + <img class="u-photo" src="{{$profile.thumb}}?rev={{$profile.picdate}}" alt="{{$profile.fullname}}" style="width: 5rem; height: 5rem;"> </div> {{if $profile.pdesc}} - <div class="m-2 text-break">{{$profile.pdesc}}</div> + <div class="m-2 small text-break">{{$profile.pdesc}}</div> {{else}} - <div class="m-2"> - <span class="opacity-50">{{$no_pdesc}}</span> + <div class="m-2 small"> + <span class="opacity-50">{{$no_pdesc}}</span> </div> {{/if}} </div> |