This commit is contained in:
Hoang Huu 2019-09-13 14:57:46 +07:00
commit 1b71de68eb
4 changed files with 24 additions and 9 deletions

2
.gitignore vendored
View File

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

View File

@ -3640,9 +3640,15 @@ 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;
height: 40px; }
.opalestate-user-greeting .popup-head a .opalestate-user-image img {
min-height: 40px;
object-fit: cover;
border-radius: 50%; } border-radius: 50%; }
.opalestate-user-greeting .popup-head a i { .opalestate-user-greeting .popup-head a i {
padding: 12px; padding: 12px;

View File

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

View File

@ -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">