bootstrapify rating and connect buttons. position the connect button more prominent right under the profile image

This commit is contained in:
Mario Vavti 2016-01-21 10:42:20 +01:00
parent 8c5d5b8e1c
commit 97ebf9021c
4 changed files with 20 additions and 17 deletions

View File

@ -1110,16 +1110,18 @@ function widget_rating($arr) {
} }
$o = '<div class="widget">';
$o .= '<h3>' . t('Rating Tools') . '</h3>';
if((($remote) || (local_channel())) && (! $self)) { if((($remote) || (local_channel())) && (! $self)) {
$o = '<div class="widget rateme">';
if($remote) if($remote)
$o .= '<a class="rateme" href="' . $url . '"><i class="icon-pencil"></i> ' . t('Rate Me') . '</a>'; $o .= '<a class="btn btn-block btn-primary btn-sm" href="' . $url . '"><i class="icon-pencil"></i> ' . t('Rate Me') . '</a>';
else else
$o .= '<div class="rateme fakelink" onclick="doRatings(\'' . $hash . '\'); return false;"><i class="icon-pencil"></i> ' . t('Rate Me') . '</div>'; $o .= '<div class="btn btn-block btn-primary btn-sm" onclick="doRatings(\'' . $hash . '\'); return false;"><i class="icon-pencil"></i> ' . t('Rate Me') . '</div>';
$o .= '</div>';
} }
$o .= '<div class="widget rateme"><a class="rateme" href="ratings/' . $hash . '"><i class="icon-eye-open"></i> ' . t('View Ratings') . '</a>'; $o .= '<a class="btn btn-block btn-default btn-sm" href="ratings/' . $hash . '"><i class="icon-eye-open"></i> ' . t('View Ratings') . '</a>';
$o .= '</div>'; $o .= '</div>';
return $o; return $o;

View File

@ -310,6 +310,11 @@ footer {
margin-bottom: 0px; margin-bottom: 0px;
} }
.connect-btn-wrapper {
margin-bottom: 10px;
}
.profile-edit-side-link { .profile-edit-side-link {
padding: 3px 0px; padding: 3px 0px;
opacity: 0; opacity: 0;

View File

@ -1,5 +1,8 @@
<div class="vcard"> <div class="vcard">
<div id="profile-photo-wrapper"><img class="photo" src="{{$profile.photo}}?rev={{$profile.picdate}}" alt="{{$profile.name}}"></div> <div id="profile-photo-wrapper"><img class="photo" src="{{$profile.photo}}?rev={{$profile.picdate}}" alt="{{$profile.name}}"></div>
{{if $connect}}
<div class="connect-btn-wrapper"><a href="{{$connect_url}}" class="btn btn-block btn-success btn-sm"><i class="icon-plus"></i> {{$connect}}</a></div>
{{/if}}
{{if $profile.edit}} {{if $profile.edit}}
<div class="dropdown"> <div class="dropdown">
<a class="profile-edit-side-link dropdown-toggle" data-toggle="dropdown" title="{{$profile.edit.3}}" href="#" ><i class="icon-pencil" title="{{$profile.edit.1}}" ></i></a> <a class="profile-edit-side-link dropdown-toggle" data-toggle="dropdown" title="{{$profile.edit.3}}" href="#" ><i class="icon-pencil" title="{{$profile.edit.1}}" ></i></a>
@ -45,16 +48,10 @@
{{if $diaspora}} {{if $diaspora}}
{{include file="diaspora_vcard.tpl"}} {{include file="diaspora_vcard.tpl"}}
{{/if}} {{/if}}
{{if $connect}}
<a href="{{$connect_url}}" class="rconnect"><i class="icon-plus connect-icon"></i> {{$connect}}</a>
{{/if}}
{{$rating}}
</div> </div>
<div id="vcard-end"></div> <div id="vcard-end"></div>
{{$rating}}
{{$chanmenu}} {{$chanmenu}}

View File

@ -1,11 +1,10 @@
<div class="vcard"> <div class="vcard">
<div id="profile-photo-wrapper"><a href="{{$link}}"><img class="vcard-photo photo" src="{{$photo}}" alt="{{$name}}" /></a></div> <div id="profile-photo-wrapper"><a href="{{$link}}"><img class="vcard-photo photo" src="{{$photo}}" alt="{{$name}}" /></a></div>
{{if $connect}}
<div class="connect-btn-wrapper"><a href="follow?f=&url={{$follow}}" class="btn btn-block btn-success btn-sm"><i class="icon-plus"></i> {{$connect}}</a></div>
{{/if}}
<div class="fn">{{$name}}</div> <div class="fn">{{$name}}</div>
</div> </div>
{{if $mode != 'mail'}}
{{if $connect}}
<a href="follow?f=&url={{$follow}}" class="rconnect"><i class="icon-plus connect-icon"></i> {{$connect}}</a>
{{/if}}
{{/if}}