WebDev/Opal-Estate-Pro
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Lieu Le 2019-09-27 11:05:45 +07:00
parent 7630299415
commit ae69319f2f
4 changed files with 77 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
assets/opalestate.css
View File

@ -3702,14 +3702,12 @@ header#masthead {
display: flex; } display: flex; }
.opalestate-user-greeting .howdy { .opalestate-user-greeting .howdy {
float: right; padding-right: 5px;
padding-left: 5px;
padding-top: 5px; padding-top: 5px;
font-weight: 700; } font-weight: 700; }
.opalestate-user-greeting .opalestate-popup .opalestate-user-greeting .popup-head {
.popup-head { float: right; }
float: left; }
.opalestate-user-greeting .popup-head a { .opalestate-user-greeting .popup-head a {
color: #FFF; color: #FFF;
@ -3733,11 +3731,28 @@ header#masthead {
padding: 0; padding: 0;
margin: 0; margin: 0;
list-style: none; } list-style: none; }
.opalestate-user-greeting ul li:hover .count {
background-color: #2f73e9;
color: #FFF; }
.opalestate-user-greeting .count {
color: #2f73e9;
padding: 3px 8px;
font-size: 11px;
min-width: 20px;
text-align: center;
background-color: #ebebeb;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
margin-left: 5px; }
.dashboard-navbar { .dashboard-navbar {
background-color: #1d2329; background-color: #1d2329;
padding: 20px 30px; padding: 20px 30px;
border-left: 1px solid #282d33; border-left: 1px solid #181c21;
margin-bottom: 15px; } margin-bottom: 15px; }
.dashboard-navbar ul { .dashboard-navbar ul {
margin-bottom: 0; } margin-bottom: 0; }
@ -3794,7 +3809,7 @@ header#masthead {
content: ""; content: "";
z-index: 2; z-index: 2;
transform: translateX(-50%); transform: translateX(-50%);
right: 25%; right: -15px;
top: -14px; top: -14px;
border-bottom: 25px solid white; border-bottom: 25px solid white;
border-left: 20px solid transparent; border-left: 20px solid transparent;
@ -3894,17 +3909,15 @@ header#masthead {
background-color: #1d2329; background-color: #1d2329;
min-height: 900px; min-height: 900px;
position: fixed; position: fixed;
left: 0;
width: 251px; width: 251px;
height: 100%; height: 100%;
z-index: 100; z-index: 100;
top: 0px; } top: 0px;
left: 0;
border-right: 1px solid #21272e; }
.opalestate-user-management .user-dasboard-sidebar .navbar-brand { .opalestate-user-management .user-dasboard-sidebar .navbar-brand {
text-align: center; text-align: center;
margin: 50px 0 60px 0; } margin: 30px 0; }
.opalestate-user-management .user-dasboard-sidebar .navbar-brand .custom-logo-link {
padding: 60px 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.opalestate-user-management .user-dasboard-sidebar .user-dasboard-sidebar-inner { .opalestate-user-management .user-dasboard-sidebar .user-dasboard-sidebar-inner {
padding-top: 20px; } padding-top: 20px; }
.opalestate-user-management .navbar-brand { .opalestate-user-management .navbar-brand {
@ -3948,15 +3961,16 @@ header#masthead {
-o-border-radius: 50%; -o-border-radius: 50%;
margin-left: 5px; } margin-left: 5px; }
.opalestate-user-management .account-links a:hover, .opalestate-user-management .account-links a:focus { .opalestate-user-management .account-links a:hover, .opalestate-user-management .account-links a:focus {
color: #fff; } color: #FFF; }
.opalestate-user-management .account-links a:hover i, .opalestate-user-management .account-links a:focus i { .opalestate-user-management .account-links a:hover i, .opalestate-user-management .account-links a:focus i {
color: #fff; } color: #FFF; }
.opalestate-user-management .account-links li.active a { .opalestate-user-management .account-links li.active a {
color: #fff; } color: #FFF; }
.opalestate-user-management .account-links li.active a i { .opalestate-user-management .account-links li.active a i {
color: #fff; } color: #FFF; }
.opalestate-user-management .site-main { .opalestate-user-management .site-main {
padding-top: 15px; } padding-top: 60px;
padding-bottom: 60px; }
.opalestate-my-reviews .commentlist { .opalestate-my-reviews .commentlist {
margin: 0; } margin: 0; }

51
assets/scss/opalestate/_dashboard.scss
View File

@ -81,13 +81,12 @@
.opalestate-user-greeting { .opalestate-user-greeting {
.howdy { .howdy {
float: right; padding-right: 5px;
padding-left: 5px;
padding-top: 5px; padding-top: 5px;
font-weight: 700; font-weight: 700;
}.opalestate-popup }
.popup-head { .popup-head {
float:left; float:right;
} }
.popup-head a { .popup-head a {
color:$white; color:$white;
@ -114,6 +113,25 @@
padding:0; padding:0;
margin :0 ; margin :0 ;
list-style:none; list-style:none;
li {
&:hover {
.count {
background-color:$primary;
color:$white;
}
}
}
}
.count {
color:$primary;
padding:3px 8px;
font-size: 11px;
min-width: 20px;
text-align: center;
background-color: $border-color;
@include border-radius(50%);
margin-left:5px;
} }
} }
@ -121,7 +139,7 @@
.dashboard-navbar { .dashboard-navbar {
background-color: #1d2329; background-color: #1d2329;
padding:20px $grid-gutter-width; padding:20px $grid-gutter-width;
border-left: 1px solid #282d33; border-left: 1px solid #181c21;
margin-bottom: $grid-gutter-width/2; margin-bottom: $grid-gutter-width/2;
ul{ ul{
margin-bottom: 0; margin-bottom: 0;
@ -198,7 +216,7 @@
content: ""; content: "";
z-index: 2; z-index: 2;
transform: translateX(-50%); transform: translateX(-50%);
right:25%; right:-15px;
top: -14px; top: -14px;
border-bottom: 25px solid rgb(255, 255, 255); border-bottom: 25px solid rgb(255, 255, 255);
border-left: 20px solid transparent; border-left: 20px solid transparent;
@ -321,18 +339,15 @@
background-color:#1d2329; background-color:#1d2329;
min-height:900px; min-height:900px;
position:fixed; position:fixed;
left:0;
width:251px; width:251px;
height:100%; height:100%;
z-index:100; z-index:100;
top:0px; top:0px;
left:0;
border-right:1px solid #21272e;
.navbar-brand { .navbar-brand {
text-align: center; text-align: center;
margin: 50px 0 60px 0; margin: $grid-gutter-width 0;
.custom-logo-link {
padding: $grid-gutter-width*2 $grid-gutter-width;
border-bottom:1px solid rgba(255,255,255, 0.1);
}
} }
.user-dasboard-sidebar-inner{ .user-dasboard-sidebar-inner{
padding-top:20px; padding-top:20px;
@ -385,26 +400,26 @@
&:hover, &:hover,
&:focus { &:focus {
//background-color:#0073aa; //background-color:#0073aa;
color:#fff; color:$white;
i { i {
color:#fff; color:$white;
} }
} }
} }
li.active { li.active {
a { a {
//background-color:#0073aa; //background-color:#0073aa;
color:#fff; color:$white;
i { i {
color:#fff; color:$white;
} }
} }
} }
} }
.site-main { .site-main {
padding-top:$padding-base; padding-top: $grid-gutter-width*2;
$padding-bottom:$padding-base; padding-bottom: $grid-gutter-width*2;
} }
} }

2
templates/user-management.php
View File

@ -66,7 +66,7 @@ if ( $current_user->display_name !== $current_user->user_login ) {
</div> </div>
<div class="wrapper opalestate-user-management" id="opalestate-user-management"> <div class="wrapper opalestate-user-management" id="opalestate-user-management">
<div class="container-full" id="content"> <div class="container" id="content">
<div class="opal-row-inner"> <div class="opal-row-inner">
<div class=" user-dasboard-sidebar"> <div class=" user-dasboard-sidebar">
<div class="navbar-brand"> <div class="navbar-brand">

15
templates/user/profile.php
View File

@ -20,7 +20,7 @@ if ( ! defined( 'ABSPATH' ) ) {
<?php endif; ?> <?php endif; ?>
<div class="opalestate-admin-box"> <div class="opalestate-admin-box card-item inner">
<div class="box-content"> <div class="box-content">
<?php <?php
@ -30,8 +30,12 @@ if ( ! defined( 'ABSPATH' ) ) {
$user_info = "<span class='username'>({$current_user->user_login})</span>"; $user_info = "<span class='username'>({$current_user->user_login})</span>";
} }
?> ?>
<h3><?php esc_html_e( 'Edit User Profile', 'opalestate-pro' ); ?>&nbsp;<?php echo wp_kses_post( $user_info ); ?></h3>
<div class="heading">
<i class="fa fa-user"></i>
<span><?php esc_html_e( 'Edit User Profile', 'opalestate-pro' ); ?>&nbsp;<?php echo wp_kses_post( $user_info ); ?></span>
</div>
<?php <?php
do_action( 'opalestate_profile_form_before' ); do_action( 'opalestate_profile_form_before' );
@ -47,10 +51,13 @@ if ( ! defined( 'ABSPATH' ) ) {
</div> </div>
</div> </div>
<div class="opalestate-admin-box"> <div class="opalestate-admin-box card-item inner">
<div class="box-content"> <div class="box-content">
<h3><?php esc_html_e( 'Change Password', 'opalestate-pro' ); ?></h3> <div class="heading">
<i class="fa fa-lock-open"></i>
<span><?php esc_html_e( 'Change Password', 'opalestate-pro' ); ?></span>
</div>
<?php <?php
do_action( 'opalestate_profile_form_before' ); do_action( 'opalestate_profile_form_before' );