This commit is contained in:
Lieu Le 2019-09-13 14:48:46 +07:00
parent b641d72fa3
commit 3d11e2632f
4 changed files with 24 additions and 9 deletions

2
.gitignore vendored

@ -1,3 +1,3 @@
.idea/ .idea/
.sass-cache/ .sass-cache/
.node_modules/** node_modules/**

@ -3640,10 +3640,16 @@ header#masthead {
.opalestate-user-greeting .popup-head a { .opalestate-user-greeting .popup-head a {
color: #FFF; color: #FFF;
text-align: right; text-align: right;
float: right;
position: relative; } position: relative; }
.opalestate-user-greeting .popup-head a img { .opalestate-user-greeting .popup-head a .opalestate-user-image {
position: relative;
width: 40px; width: 40px;
border-radius: 50%; } height: 40px; }
.opalestate-user-greeting .popup-head a .opalestate-user-image img {
min-height: 40px;
object-fit: cover;
border-radius: 50%; }
.opalestate-user-greeting .popup-head a i { .opalestate-user-greeting .popup-head a i {
padding: 12px; padding: 12px;
border-radius: 50%; border-radius: 50%;

@ -85,11 +85,17 @@
.popup-head a { .popup-head a {
color:$white; color:$white;
text-align:right; text-align:right;
img { float:right;
width:40px; position:relative;
border-radius:50%; .opalestate-user-image {
} position: relative;
position:relative; @include size(40px, 40px);
img {
min-height: 40px;
object-fit: cover;
border-radius:50%;
}
}
i { i {
padding:12px; padding:12px;
border-radius:50%; border-radius:50%;

@ -53,8 +53,11 @@ get_header( 'no-sidebar' );
<li> <li>
<div class="opalestate-user-greeting opalestate-popup hover-align-right"> <div class="opalestate-user-greeting opalestate-popup hover-align-right">
<div class="popup-head"><a href="#"><?php $user_id = get_current_user_id(); ?> <div class="popup-head"><a href="#"><?php $user_id = get_current_user_id(); ?>
<img src="<?php echo OpalEstate_User::get_author_picture( $user_id ); ?>" alt="<?php esc_attr_e( 'User Avatar', 'opalestate-pro' ); ?>"/> <div class="opalestate-user-image">
<img src="<?php echo esc_url( OpalEstate_User::get_author_picture( $user_id ) ); ?>" alt="<?php esc_attr_e( 'Avatar image', 'opalestate-pro' ); ?>"/>
</div>
<span class="notify active"></span> <span class="notify active"></span>
</a> </a>
</div> </div>
<div class="popup-body"> <div class="popup-body">