diff --git a/admin/templates/directory/appearance.php b/admin/templates/directory/appearance.php index a769ab7c..3fecf369 100644 --- a/admin/templates/directory/appearance.php +++ b/admin/templates/directory/appearance.php @@ -1,11 +1,11 @@
- + + shortcodes->get_templates( 'members' ) as $key => $value) { ?> - query->get_meta_value('_um_template' ) ); ?>> + query->get_meta_value('_um_directory_template', null, um_get_option('directory_template') ) ); ?>> diff --git a/assets/css/um-account.css b/assets/css/um-account.css index 8a4d5516..594a281c 100644 --- a/assets/css/um-account.css +++ b/assets/css/um-account.css @@ -1,26 +1,33 @@ /* - - sidebar in account page + - Layout */ +.um-account a:focus { + outline: 0 !important; /*removes the dotted border*/ +} + .um-account-side { float: left; width: 35%; - padding: 15px; - border-right: solid 2px #eee; + padding: 0 30px; box-sizing: border-box; } -/* - - account main -*/ - .um-account-main { float: left; width: 50%; - padding: 0 30px !important; + padding: 0 30px; box-sizing: border-box; } +.um-account-tab { + display: none; +} + +/* + - Main tab +*/ + .um-account-main div.um-field { padding-top: 25px; } @@ -50,20 +57,12 @@ } /* - - account tab -*/ - -.um-account-tab { - display: none; -} - -/* - - account page photo + - Account photo */ .um-account-meta { text-align: center; - margin-bottom: 15px; + margin-bottom: 20px; } .um-account-meta img { @@ -74,13 +73,49 @@ font-weight: bold; color: #333; text-decoration: none !important; - font-size: 16px; + font-size: 18px; } .um-account-name a:hover {color: #3ba1da} /* - - tabs + - Account nav +*/ + +.um-account-nav a { + display: block; + height: 44px; + line-height: 44px; + color: #666; + text-decoration: none !important; + position: relative; + padding-left: 40px; + border-bottom: 1px solid #eee; + transition: all .2s linear; + font-size: 14px; +} + +.um-account-nav a.current{ + color: #3ba1da !important; + font-weight: bold; +} + +.um-account-nav span.arr { + position: absolute; + right: 0; + top: 4px; + font-size: 23px; +} + +.um-account-nav span.ico { + position: absolute; + left: 0; + top: 3px; + font-size: 21px; +} + +/* + - Account tabs */ .um-account-side ul, .um-account-side li { @@ -91,17 +126,13 @@ .um-account-side li {margin-bottom: 6px !important;background: #eee;} -.um-account-side li a:focus{ - outline:0; /*removes the dotted border*/ -} - .um-account-side li a{ display: block; padding: 4px 0px; font-size: 14px; + height: 30px; line-height: 20px; color: #999; - height: 30px; position: relative; } diff --git a/assets/css/um-members.css b/assets/css/um-members.css index 74d09c8b..ffaeb7fd 100644 --- a/assets/css/um-members.css +++ b/assets/css/um-members.css @@ -65,8 +65,15 @@ margin: 0 0 10px 0 !important; } -.um-search.um-search-1 .um-search-filter {width: 100%;padding: 0 0 10px 0;} -.um-search.um-search-2 .um-search-filter {width: 50%} +.um-search.um-search-1 .um-search-filter { + width: 100%; + padding: 0 0 10px 0; + float: none; +} + +.um-search.um-search-2 .um-search-filter { + width: 50%; +} .um-search-filter { padding: 0 15px 30px 15px; @@ -88,6 +95,10 @@ - Member box */ +.um-members { + +} + .um-member { float: left; width: 30%; @@ -101,28 +112,15 @@ .um-gutter-sizer { width: 5% } .um-member-cover { - background: #eee; - display: inline-block; - position: relative; - width: 100%; -} - -.um-member-cover-d { - margin-top: 37.1%; + background-color: #eee; } .um-member-cover-e { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - background-color: #eee; + text-align: center; + box-sizing: border-box; } -.um-member-cover-e img { - width: 100% !important; -} +.um-member-cover-e img {width: 100% !important;} /* - Member photo @@ -138,17 +136,18 @@ .um-member-photo img { display: inline !important; border-radius: 999px !important; - border: 1px solid #ccc; + border: 5px solid #fff; + background: #fff; width: 140px; height: 140px; } .um-member.with-cover .um-member-photo {padding-top: 0} .um-member.with-cover .um-member-photo img { - width: 90px; - height: 90px; + width: 100px; + height: 100px; position: relative; - top: -45px; + top: -35px; margin-bottom: -45px !important; } @@ -316,26 +315,26 @@ - Members pagination */ -.um-members-pagi { +.um-members-pagi, +.um-members-pagidrop +{ text-align: center; - margin-top: 20px; - padding-top: 40px; - padding-bottom: 5px; - border-top: 1px solid #eee; + padding: 5px 0; + font-size: 15px; } - .um-members-pagi span.current, .um-members-pagi span.current:hover { background: #3ba1da; - border-color: #3ba1da; color: #fff; } .um-members-pagi i:before {font-size: 20px;vertical-align: middle !important;height: 34px;line-height: 34px;top: -2px;position: relative;} .um-members-pagi span.disabled {opacity: .4;cursor: default} -.um-members-pagi span.none {border: 0;color: #aaa} + +.um-members-pagi span.none {color: #aaa} + .um-members-pagi span {cursor: default} .um-members-pagi span, .um-members-pagi a { @@ -343,7 +342,6 @@ width: auto; height: 34px; line-height: 34px; - font-size: 15px; transition: all .2s linear; padding: 0px 14px; color: #666; @@ -352,5 +350,4 @@ .um-members-pagi a:hover { text-decoration: none !important; color: #3ba1da; - border-color: #3ba1da; } \ No newline at end of file diff --git a/assets/css/um-responsive.css b/assets/css/um-responsive.css index 3696a240..d4e00844 100644 --- a/assets/css/um-responsive.css +++ b/assets/css/um-responsive.css @@ -1,3 +1,24 @@ +.uimob500-show, +.uimob800-show, +.uimob960-show +{ + display: none; +} + +div.uimob500 .uimob500-show, +div.uimob800 .uimob800-show, +div.uimob960 .uimob960-show +{ + display: block; +} + +div.uimob500 .uimob500-hide, +div.uimob800 .uimob800-hide, +div.uimob960 .uimob960-hide +{ + display: none; +} + /** for 500px and below **/ @@ -64,8 +85,166 @@ div.uimob500 .um-col-133 { margin: 0; } -div.uimob500 .um-col-alt .um-half { +div.uimob500 .um-field-half { + float: none; width: 100%; +} + +div.uimob500 .um-search { + padding: 20px 0 !important; + width: 100% !important; + box-sizing: border-box; +} + +div.uimob500 .um-search .um-search-filter { + width: 100% !important; float: none !important; - margin-bottom: 10px; -} \ No newline at end of file + padding: 0 0 15px 0 !important; +} + +div.uimob500 .um-search .um-search-submit .um-button { + display: block !important; + min-width: 100% !important; + margin: 0 0 15px 0 !important; +} + +div.uimob500 .um-member { + width: 100%; +} + +div.uimob500 .um-gutter-sizer { width: 0px } + +div.uimob500 .um-account-main { + float: none; + width: 100%; + padding: 0; + box-sizing: border-box; +} + +div.uimob500 .um-account-tab { + padding-bottom: 20px; + border-bottom: 1px solid #eee; +} + +div.uimob500 .um-account-main div.um-field {padding-top: 15px} + +div.uimob500 .um-account-meta { + margin-bottom: 0; +} + +/** + for 800px and below +**/ + +div.uimob800 .um-account-main { + width: 90%; + max-width: 450px; +} + +div.uimob800 .um-account-side { + padding: 0; + width: 10%; +} + +div.uimob800 .um-account-side ul { + border: 1px solid #ddd; + border-radius: 3px; +} + +div.uimob800 .um-account-side li {margin-bottom: 0 !important;background: transparent;} + +div.uimob800 .um-account-side li a{ + display: block; + padding: 0 !important; + height: 44px; + line-height: 44px; + color: #666 !important; + text-align: center; + text-decoration: none !important; + background: transparent; + transition: all .2s linear; +} +div.uimob800 .um-account-side li:first-child a {border-radius: 3px 3px 0 0 } +div.uimob800 .um-account-side li:last-child a {border-radius: 0 0 3px 3px} + +div.uimob800 .um-account-side li a span.um-account-icontip { + display: block; + float: left; + text-align: center; + width: 100%; + height: 100%; + font-size: 22px; + line-height: 44px; +} + +div.uimob800 .um-account-side li a span.um-account-icontip i { + position: relative; + top: 4px; + text-align: center; + width: 100%; +} + +div.uimob800 .um-account-side li a.current, +div.uimob800 .um-account-side li a.current:hover { + background: #3ba1da !important; + color: #fff !important; +} + +div.uimob800 .um-account-meta a { + border: 1px solid #ddd; +} + +div.uimob800 .um-account-meta a, +div.uimob800 .um-account-meta img { + display: block; + overflow: hidden; + border-radius: 3px; +} + +/********************************************/ + +/** + for 960px and below +**/ + +/********************************************/ + +div.uimob960 .um-col-131, +div.uimob960 .um-col-132, +div.uimob960 .um-col-133 { + float: none; + width: 100%; + margin: 0; +} + +div.uimob960 .um-search { + padding: 20px 0 !important; + width: 100% !important; + box-sizing: border-box; +} + +div.uimob960 .um-search .um-search-filter { + width: 48% !important; + float: left !important; + padding: 0 0 15px 0 !important; +} + +div.uimob960 .um-search .um-search-filter-2 { + margin-left: 4%; +} + +div.uimob960 .um-search .um-search-submit .um-button { + display: block !important; + width: 48% !important; + margin: 0 0 15px 0 !important; + box-sizing: border-box; + float: left; +} + +div.uimob960 .um-search .um-search-submit .um-button.um-alt {float: right} + +div.uimob960 .um-member { + width: 48%; +} + +div.uimob960 .um-gutter-sizer { width: 4% } \ No newline at end of file diff --git a/assets/css/um-styles.css b/assets/css/um-styles.css index a4bddaf0..1c8fcb33 100644 --- a/assets/css/um-styles.css +++ b/assets/css/um-styles.css @@ -12,6 +12,7 @@ margin-bottom: 30px !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; + opacity: 0; } .um-s1, @@ -169,15 +170,11 @@ .um-tip { margin: 0 0 0 8px; cursor: pointer; - height: 22px; - line-height: 22px; display: inline-block; } .um-tip i { - font-size: 20px; - height: 22px; - line-height: 22px; + font-size: 18px; vertical-align: middle; } diff --git a/assets/js/um-account.js b/assets/js/um-account.js index 38675d93..f9958018 100644 --- a/assets/js/um-account.js +++ b/assets/js/um-account.js @@ -1,9 +1,12 @@ jQuery(document).ready(function() { - var account_ = jQuery('.um-account-main').attr('data-current_tab'); + var current_tab = jQuery('.um-account-main').attr('data-current_tab'); - jQuery('.um-account-tab[data-tab='+account_+']').show(); + if ( current_tab ) { + jQuery('.um-account-tab[data-tab='+current_tab+']').show(); + } + /* Switching tab non-mobile */ jQuery(document).on('click','.um-account-side li a',function(e){ e.preventDefault(); var link = jQuery(this); @@ -17,9 +20,37 @@ jQuery(document).ready(function() { window.history.pushState("", "", url_); jQuery('.um-account-tab').hide(); - jQuery('.um-account-tab[data-tab='+tab_+']').show(); + jQuery('.um-account-tab[data-tab='+tab_+']').fadeIn(); + + jQuery('.um-account-nav a').removeClass('current'); + jQuery('.um-account-nav a[data-tab='+tab_+']').addClass('current'); return false; }); + /* Switching tab mobile */ + jQuery(document).on('click','.um-account-nav a',function(e){ + e.preventDefault(); + + var tab_ = jQuery(this).attr('data-tab'); + var div = jQuery(this).parents('div'); + var link = jQuery(this); + + jQuery('.um-account-tab').hide(); + + if ( link.hasClass('current') ) { + div.next('.um-account-tab').slideUp(); + link.removeClass('current'); + } else { + div.next('.um-account-tab').slideDown(); + link.parents('div').find('a').removeClass('current'); + link.addClass('current'); + } + + jQuery('.um-account-side li a').removeClass('current'); + jQuery('.um-account-side li a[data-tab='+tab_+']').addClass('current'); + + return false; + }); + }); \ No newline at end of file diff --git a/assets/js/um-members.js b/assets/js/um-members.js index d2f254cb..1edb4892 100644 --- a/assets/js/um-members.js +++ b/assets/js/um-members.js @@ -11,7 +11,7 @@ jQuery(document).ready(function() { /* Members wall JS */ jQuery('.um-members').each(function(){ - UM_Member_Grid( jQuery(this) ); + UM_Member_Grid( jQuery(this) ); }); /* load member's meta */ diff --git a/assets/js/um-responsive.js b/assets/js/um-responsive.js index 4c63f5b6..534b4ecc 100644 --- a/assets/js/um-responsive.js +++ b/assets/js/um-responsive.js @@ -9,21 +9,44 @@ function um_responsive(){ jQuery(this).removeClass('uimob500'); jQuery(this).removeClass('uimob800'); + jQuery(this).removeClass('uimob960'); + jQuery(this).addClass('uimob500'); } else if ( element_width <= 800 ) { jQuery(this).removeClass('uimob500'); jQuery(this).removeClass('uimob800'); + jQuery(this).removeClass('uimob960'); + jQuery(this).addClass('uimob800'); - } else if ( element_width > 800 ) { + } else if ( element_width <= 960 ) { + + jQuery(this).removeClass('uimob500'); + jQuery(this).removeClass('uimob800'); + jQuery(this).removeClass('uimob960'); + + jQuery(this).addClass('uimob960'); + + } else if ( element_width > 960 ) { jQuery(this).removeClass('uimob500'); jQuery(this).removeClass('uimob800'); - + jQuery(this).removeClass('uimob960'); + } + jQuery('.um-members').each(function(){ + UM_Member_Grid( jQuery(this) ); + }); + + if ( jQuery('.um-account-nav').length > 0 && jQuery('.um-account-side').is(':visible') && jQuery('.um-account-tab:visible').length == 0 ) { + jQuery('.um-account-side li a.current').trigger('click'); + } + + jQuery(this).css('opacity',1); + }); } diff --git a/assets/js/um-scripts.js b/assets/js/um-scripts.js index 9e0dd5be..7c368d5f 100644 --- a/assets/js/um-scripts.js +++ b/assets/js/um-scripts.js @@ -5,7 +5,7 @@ jQuery(document).ready(function() { jQuery('.um-tip-w').tipsy({gravity: 'w', opacity: 1, live: true, offset: 3 }); jQuery('.um-tip-e').tipsy({gravity: 'e', opacity: 1, live: true, offset: 3 }); jQuery('.um-tip-s').tipsy({gravity: 's', opacity: 1, live: true, offset: 3 }); - + /* Custom Radio Buttons */ jQuery('.um-field-radio').mouseenter(function(){ if (!jQuery(this).hasClass('active')) { diff --git a/core/um-actions-account.php b/core/um-actions-account.php index 3cacac8b..e6f3e3de 100644 --- a/core/um-actions-account.php +++ b/core/um-actions-account.php @@ -125,7 +125,7 @@ extract( $info ); $fields = $ultimatemember->builtin->get_specific_fields('single_user_password'); ?> - + @@ -149,7 +149,7 @@ extract( $info ); $fields = $ultimatemember->builtin->get_specific_fields('profile_privacy,show_in_members'); ?> - + $data ) { @@ -171,7 +171,7 @@ extract( $info ); $fields = $ultimatemember->builtin->get_specific_fields('user_login,first_name,last_name,user_email'); ?> - + $data ) { @@ -193,7 +193,7 @@ extract( $info ); $fields = $ultimatemember->builtin->get_specific_fields('user_password'); ?> - + $data ) { @@ -206,7 +206,29 @@ } /*** - *** @display account page tabs + *** @display account photo and username + ***/ + add_action('um_account_user_photo_hook__mobile', 'um_account_user_photo_hook__mobile'); + function um_account_user_photo_hook__mobile( $args ) { + global $ultimatemember; + extract( $args ); + + ?> + + + + + + + + + + - + - + + +
+ shortcodes->get_templates( 'members' ) as $key => $value) { ?> - query->get_meta_value('_um_template' ) ); ?>> + query->get_meta_value('_um_directory_template', null, um_get_option('directory_template') ) ); ?>> diff --git a/assets/css/um-account.css b/assets/css/um-account.css index 8a4d5516..594a281c 100644 --- a/assets/css/um-account.css +++ b/assets/css/um-account.css @@ -1,26 +1,33 @@ /* - - sidebar in account page + - Layout */ +.um-account a:focus { + outline: 0 !important; /*removes the dotted border*/ +} + .um-account-side { float: left; width: 35%; - padding: 15px; - border-right: solid 2px #eee; + padding: 0 30px; box-sizing: border-box; } -/* - - account main -*/ - .um-account-main { float: left; width: 50%; - padding: 0 30px !important; + padding: 0 30px; box-sizing: border-box; } +.um-account-tab { + display: none; +} + +/* + - Main tab +*/ + .um-account-main div.um-field { padding-top: 25px; } @@ -50,20 +57,12 @@ } /* - - account tab -*/ - -.um-account-tab { - display: none; -} - -/* - - account page photo + - Account photo */ .um-account-meta { text-align: center; - margin-bottom: 15px; + margin-bottom: 20px; } .um-account-meta img { @@ -74,13 +73,49 @@ font-weight: bold; color: #333; text-decoration: none !important; - font-size: 16px; + font-size: 18px; } .um-account-name a:hover {color: #3ba1da} /* - - tabs + - Account nav +*/ + +.um-account-nav a { + display: block; + height: 44px; + line-height: 44px; + color: #666; + text-decoration: none !important; + position: relative; + padding-left: 40px; + border-bottom: 1px solid #eee; + transition: all .2s linear; + font-size: 14px; +} + +.um-account-nav a.current{ + color: #3ba1da !important; + font-weight: bold; +} + +.um-account-nav span.arr { + position: absolute; + right: 0; + top: 4px; + font-size: 23px; +} + +.um-account-nav span.ico { + position: absolute; + left: 0; + top: 3px; + font-size: 21px; +} + +/* + - Account tabs */ .um-account-side ul, .um-account-side li { @@ -91,17 +126,13 @@ .um-account-side li {margin-bottom: 6px !important;background: #eee;} -.um-account-side li a:focus{ - outline:0; /*removes the dotted border*/ -} - .um-account-side li a{ display: block; padding: 4px 0px; font-size: 14px; + height: 30px; line-height: 20px; color: #999; - height: 30px; position: relative; } diff --git a/assets/css/um-members.css b/assets/css/um-members.css index 74d09c8b..ffaeb7fd 100644 --- a/assets/css/um-members.css +++ b/assets/css/um-members.css @@ -65,8 +65,15 @@ margin: 0 0 10px 0 !important; } -.um-search.um-search-1 .um-search-filter {width: 100%;padding: 0 0 10px 0;} -.um-search.um-search-2 .um-search-filter {width: 50%} +.um-search.um-search-1 .um-search-filter { + width: 100%; + padding: 0 0 10px 0; + float: none; +} + +.um-search.um-search-2 .um-search-filter { + width: 50%; +} .um-search-filter { padding: 0 15px 30px 15px; @@ -88,6 +95,10 @@ - Member box */ +.um-members { + +} + .um-member { float: left; width: 30%; @@ -101,28 +112,15 @@ .um-gutter-sizer { width: 5% } .um-member-cover { - background: #eee; - display: inline-block; - position: relative; - width: 100%; -} - -.um-member-cover-d { - margin-top: 37.1%; + background-color: #eee; } .um-member-cover-e { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - background-color: #eee; + text-align: center; + box-sizing: border-box; } -.um-member-cover-e img { - width: 100% !important; -} +.um-member-cover-e img {width: 100% !important;} /* - Member photo @@ -138,17 +136,18 @@ .um-member-photo img { display: inline !important; border-radius: 999px !important; - border: 1px solid #ccc; + border: 5px solid #fff; + background: #fff; width: 140px; height: 140px; } .um-member.with-cover .um-member-photo {padding-top: 0} .um-member.with-cover .um-member-photo img { - width: 90px; - height: 90px; + width: 100px; + height: 100px; position: relative; - top: -45px; + top: -35px; margin-bottom: -45px !important; } @@ -316,26 +315,26 @@ - Members pagination */ -.um-members-pagi { +.um-members-pagi, +.um-members-pagidrop +{ text-align: center; - margin-top: 20px; - padding-top: 40px; - padding-bottom: 5px; - border-top: 1px solid #eee; + padding: 5px 0; + font-size: 15px; } - .um-members-pagi span.current, .um-members-pagi span.current:hover { background: #3ba1da; - border-color: #3ba1da; color: #fff; } .um-members-pagi i:before {font-size: 20px;vertical-align: middle !important;height: 34px;line-height: 34px;top: -2px;position: relative;} .um-members-pagi span.disabled {opacity: .4;cursor: default} -.um-members-pagi span.none {border: 0;color: #aaa} + +.um-members-pagi span.none {color: #aaa} + .um-members-pagi span {cursor: default} .um-members-pagi span, .um-members-pagi a { @@ -343,7 +342,6 @@ width: auto; height: 34px; line-height: 34px; - font-size: 15px; transition: all .2s linear; padding: 0px 14px; color: #666; @@ -352,5 +350,4 @@ .um-members-pagi a:hover { text-decoration: none !important; color: #3ba1da; - border-color: #3ba1da; } \ No newline at end of file diff --git a/assets/css/um-responsive.css b/assets/css/um-responsive.css index 3696a240..d4e00844 100644 --- a/assets/css/um-responsive.css +++ b/assets/css/um-responsive.css @@ -1,3 +1,24 @@ +.uimob500-show, +.uimob800-show, +.uimob960-show +{ + display: none; +} + +div.uimob500 .uimob500-show, +div.uimob800 .uimob800-show, +div.uimob960 .uimob960-show +{ + display: block; +} + +div.uimob500 .uimob500-hide, +div.uimob800 .uimob800-hide, +div.uimob960 .uimob960-hide +{ + display: none; +} + /** for 500px and below **/ @@ -64,8 +85,166 @@ div.uimob500 .um-col-133 { margin: 0; } -div.uimob500 .um-col-alt .um-half { +div.uimob500 .um-field-half { + float: none; width: 100%; +} + +div.uimob500 .um-search { + padding: 20px 0 !important; + width: 100% !important; + box-sizing: border-box; +} + +div.uimob500 .um-search .um-search-filter { + width: 100% !important; float: none !important; - margin-bottom: 10px; -} \ No newline at end of file + padding: 0 0 15px 0 !important; +} + +div.uimob500 .um-search .um-search-submit .um-button { + display: block !important; + min-width: 100% !important; + margin: 0 0 15px 0 !important; +} + +div.uimob500 .um-member { + width: 100%; +} + +div.uimob500 .um-gutter-sizer { width: 0px } + +div.uimob500 .um-account-main { + float: none; + width: 100%; + padding: 0; + box-sizing: border-box; +} + +div.uimob500 .um-account-tab { + padding-bottom: 20px; + border-bottom: 1px solid #eee; +} + +div.uimob500 .um-account-main div.um-field {padding-top: 15px} + +div.uimob500 .um-account-meta { + margin-bottom: 0; +} + +/** + for 800px and below +**/ + +div.uimob800 .um-account-main { + width: 90%; + max-width: 450px; +} + +div.uimob800 .um-account-side { + padding: 0; + width: 10%; +} + +div.uimob800 .um-account-side ul { + border: 1px solid #ddd; + border-radius: 3px; +} + +div.uimob800 .um-account-side li {margin-bottom: 0 !important;background: transparent;} + +div.uimob800 .um-account-side li a{ + display: block; + padding: 0 !important; + height: 44px; + line-height: 44px; + color: #666 !important; + text-align: center; + text-decoration: none !important; + background: transparent; + transition: all .2s linear; +} +div.uimob800 .um-account-side li:first-child a {border-radius: 3px 3px 0 0 } +div.uimob800 .um-account-side li:last-child a {border-radius: 0 0 3px 3px} + +div.uimob800 .um-account-side li a span.um-account-icontip { + display: block; + float: left; + text-align: center; + width: 100%; + height: 100%; + font-size: 22px; + line-height: 44px; +} + +div.uimob800 .um-account-side li a span.um-account-icontip i { + position: relative; + top: 4px; + text-align: center; + width: 100%; +} + +div.uimob800 .um-account-side li a.current, +div.uimob800 .um-account-side li a.current:hover { + background: #3ba1da !important; + color: #fff !important; +} + +div.uimob800 .um-account-meta a { + border: 1px solid #ddd; +} + +div.uimob800 .um-account-meta a, +div.uimob800 .um-account-meta img { + display: block; + overflow: hidden; + border-radius: 3px; +} + +/********************************************/ + +/** + for 960px and below +**/ + +/********************************************/ + +div.uimob960 .um-col-131, +div.uimob960 .um-col-132, +div.uimob960 .um-col-133 { + float: none; + width: 100%; + margin: 0; +} + +div.uimob960 .um-search { + padding: 20px 0 !important; + width: 100% !important; + box-sizing: border-box; +} + +div.uimob960 .um-search .um-search-filter { + width: 48% !important; + float: left !important; + padding: 0 0 15px 0 !important; +} + +div.uimob960 .um-search .um-search-filter-2 { + margin-left: 4%; +} + +div.uimob960 .um-search .um-search-submit .um-button { + display: block !important; + width: 48% !important; + margin: 0 0 15px 0 !important; + box-sizing: border-box; + float: left; +} + +div.uimob960 .um-search .um-search-submit .um-button.um-alt {float: right} + +div.uimob960 .um-member { + width: 48%; +} + +div.uimob960 .um-gutter-sizer { width: 4% } \ No newline at end of file diff --git a/assets/css/um-styles.css b/assets/css/um-styles.css index a4bddaf0..1c8fcb33 100644 --- a/assets/css/um-styles.css +++ b/assets/css/um-styles.css @@ -12,6 +12,7 @@ margin-bottom: 30px !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; + opacity: 0; } .um-s1, @@ -169,15 +170,11 @@ .um-tip { margin: 0 0 0 8px; cursor: pointer; - height: 22px; - line-height: 22px; display: inline-block; } .um-tip i { - font-size: 20px; - height: 22px; - line-height: 22px; + font-size: 18px; vertical-align: middle; } diff --git a/assets/js/um-account.js b/assets/js/um-account.js index 38675d93..f9958018 100644 --- a/assets/js/um-account.js +++ b/assets/js/um-account.js @@ -1,9 +1,12 @@ jQuery(document).ready(function() { - var account_ = jQuery('.um-account-main').attr('data-current_tab'); + var current_tab = jQuery('.um-account-main').attr('data-current_tab'); - jQuery('.um-account-tab[data-tab='+account_+']').show(); + if ( current_tab ) { + jQuery('.um-account-tab[data-tab='+current_tab+']').show(); + } + /* Switching tab non-mobile */ jQuery(document).on('click','.um-account-side li a',function(e){ e.preventDefault(); var link = jQuery(this); @@ -17,9 +20,37 @@ jQuery(document).ready(function() { window.history.pushState("", "", url_); jQuery('.um-account-tab').hide(); - jQuery('.um-account-tab[data-tab='+tab_+']').show(); + jQuery('.um-account-tab[data-tab='+tab_+']').fadeIn(); + + jQuery('.um-account-nav a').removeClass('current'); + jQuery('.um-account-nav a[data-tab='+tab_+']').addClass('current'); return false; }); + /* Switching tab mobile */ + jQuery(document).on('click','.um-account-nav a',function(e){ + e.preventDefault(); + + var tab_ = jQuery(this).attr('data-tab'); + var div = jQuery(this).parents('div'); + var link = jQuery(this); + + jQuery('.um-account-tab').hide(); + + if ( link.hasClass('current') ) { + div.next('.um-account-tab').slideUp(); + link.removeClass('current'); + } else { + div.next('.um-account-tab').slideDown(); + link.parents('div').find('a').removeClass('current'); + link.addClass('current'); + } + + jQuery('.um-account-side li a').removeClass('current'); + jQuery('.um-account-side li a[data-tab='+tab_+']').addClass('current'); + + return false; + }); + }); \ No newline at end of file diff --git a/assets/js/um-members.js b/assets/js/um-members.js index d2f254cb..1edb4892 100644 --- a/assets/js/um-members.js +++ b/assets/js/um-members.js @@ -11,7 +11,7 @@ jQuery(document).ready(function() { /* Members wall JS */ jQuery('.um-members').each(function(){ - UM_Member_Grid( jQuery(this) ); + UM_Member_Grid( jQuery(this) ); }); /* load member's meta */ diff --git a/assets/js/um-responsive.js b/assets/js/um-responsive.js index 4c63f5b6..534b4ecc 100644 --- a/assets/js/um-responsive.js +++ b/assets/js/um-responsive.js @@ -9,21 +9,44 @@ function um_responsive(){ jQuery(this).removeClass('uimob500'); jQuery(this).removeClass('uimob800'); + jQuery(this).removeClass('uimob960'); + jQuery(this).addClass('uimob500'); } else if ( element_width <= 800 ) { jQuery(this).removeClass('uimob500'); jQuery(this).removeClass('uimob800'); + jQuery(this).removeClass('uimob960'); + jQuery(this).addClass('uimob800'); - } else if ( element_width > 800 ) { + } else if ( element_width <= 960 ) { + + jQuery(this).removeClass('uimob500'); + jQuery(this).removeClass('uimob800'); + jQuery(this).removeClass('uimob960'); + + jQuery(this).addClass('uimob960'); + + } else if ( element_width > 960 ) { jQuery(this).removeClass('uimob500'); jQuery(this).removeClass('uimob800'); - + jQuery(this).removeClass('uimob960'); + } + jQuery('.um-members').each(function(){ + UM_Member_Grid( jQuery(this) ); + }); + + if ( jQuery('.um-account-nav').length > 0 && jQuery('.um-account-side').is(':visible') && jQuery('.um-account-tab:visible').length == 0 ) { + jQuery('.um-account-side li a.current').trigger('click'); + } + + jQuery(this).css('opacity',1); + }); } diff --git a/assets/js/um-scripts.js b/assets/js/um-scripts.js index 9e0dd5be..7c368d5f 100644 --- a/assets/js/um-scripts.js +++ b/assets/js/um-scripts.js @@ -5,7 +5,7 @@ jQuery(document).ready(function() { jQuery('.um-tip-w').tipsy({gravity: 'w', opacity: 1, live: true, offset: 3 }); jQuery('.um-tip-e').tipsy({gravity: 'e', opacity: 1, live: true, offset: 3 }); jQuery('.um-tip-s').tipsy({gravity: 's', opacity: 1, live: true, offset: 3 }); - + /* Custom Radio Buttons */ jQuery('.um-field-radio').mouseenter(function(){ if (!jQuery(this).hasClass('active')) { diff --git a/core/um-actions-account.php b/core/um-actions-account.php index 3cacac8b..e6f3e3de 100644 --- a/core/um-actions-account.php +++ b/core/um-actions-account.php @@ -125,7 +125,7 @@ extract( $info ); $fields = $ultimatemember->builtin->get_specific_fields('single_user_password'); ?> - + @@ -149,7 +149,7 @@ extract( $info ); $fields = $ultimatemember->builtin->get_specific_fields('profile_privacy,show_in_members'); ?> - + $data ) { @@ -171,7 +171,7 @@ extract( $info ); $fields = $ultimatemember->builtin->get_specific_fields('user_login,first_name,last_name,user_email'); ?> - + $data ) { @@ -193,7 +193,7 @@ extract( $info ); $fields = $ultimatemember->builtin->get_specific_fields('user_password'); ?> - + $data ) { @@ -206,7 +206,29 @@ } /*** - *** @display account page tabs + *** @display account photo and username + ***/ + add_action('um_account_user_photo_hook__mobile', 'um_account_user_photo_hook__mobile'); + function um_account_user_photo_hook__mobile( $args ) { + global $ultimatemember; + extract( $args ); + + ?> + + + + + + + + + + - + - + + +