- fixed filters bar animation;

- fixed save profile with Last Login field;
This commit is contained in:
nikitasinelnikov
2019-11-12 16:24:52 +02:00
parent 5a22c138fe
commit b2bbb7ffab
6 changed files with 203 additions and 194 deletions
+188 -188
View File
@@ -144,218 +144,218 @@ body #content .um-directory a {
align-items: stretch;
flex-wrap: nowrap;
width: 100%; }
.um-directory .um-member-directory-header .um-member-directory-header-row {
.um-directory .um-member-directory-header .um-member-directory-header-row:not(.um-member-directory-filters-bar) {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
flex-wrap: nowrap;
margin: 0 0 10px 0; }
.um-directory .um-member-directory-header .um-member-directory-header-row.um-header-row-invisible {
margin: 0; }
.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row {
justify-content: flex-end; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line {
.um-directory .um-member-directory-header .um-member-directory-header-row.um-header-row-invisible {
margin: 0; }
.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row {
justify-content: flex-end; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
flex-wrap: nowrap;
width: 60%; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label {
flex: 1;
margin: 0 10px 0 0;
min-width: 90px;
max-width: 85%; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label span {
display: none;
margin: 0 5px 0 0; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label .um-search-line {
-webkit-appearance: textfield;
width: 100%; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line .um-do-search {
min-width: 15%; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
width: 100%; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type {
font-size: 30px;
line-height: 30px;
margin: 0 10px 0 0;
width: 30px; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type .um-member-directory-view-type-a {
color: #ddd;
display: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type.um-disabled {
cursor: default; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type.um-disabled a {
cursor: default; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:hover {
color: #ccc; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:focus {
color: #ddd; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
flex-wrap: nowrap;
width: 60%; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label {
flex: 1;
margin: 0 10px 0 0;
min-width: 90px;
max-width: 85%; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label span {
display: none;
flex: 5; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
flex-wrap: nowrap;
position: relative;
cursor: pointer; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a a {
margin: 0 5px 0 0; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label .um-search-line {
-webkit-appearance: textfield;
width: 100%; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line .um-do-search {
min-width: 15%; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line {
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a i.um-faicon-caret-down {
display: inline; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a i.um-faicon-caret-up {
display: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a.um-member-directory-sorting-visible i.um-faicon-caret-down {
display: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a.um-member-directory-sorting-visible i.um-faicon-caret-up {
display: inline; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown {
top: 24px;
width: 200px;
left: -12px; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown li a[data-selected="1"] {
display: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
justify-content: flex-end;
align-items: baseline;
flex-wrap: nowrap;
flex: 2;
text-align: right; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
flex-wrap: nowrap;
cursor: pointer; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a a {
margin: 0 5px 0 0; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a i.um-faicon-caret-down {
display: inline; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a i.um-faicon-caret-up {
display: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a.um-member-directory-filters-visible i.um-faicon-caret-down {
display: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a.um-member-directory-filters-visible i.um-faicon-caret-up {
display: inline; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search {
margin: 0;
width: 100%;
display: grid;
grid-template-rows: auto 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
grid-auto-rows: minmax(max-content, auto);
-ms-grid-template-rows: auto 1fr;
-ms-grid-template-columns: repeat(3, 1fr);
-ms-grid-gap: 10px;
-ms-grid-auto-rows: minmax(max-content, auto);
align-items: center; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
flex-wrap: nowrap;
width: 100%; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type {
font-size: 30px;
line-height: 30px;
margin: 0 10px 0 0;
width: 30px; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type .um-member-directory-view-type-a {
color: #ddd;
display: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type.um-disabled {
cursor: default; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type.um-disabled a {
cursor: default; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:hover {
color: #ccc; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:focus {
color: #ddd; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
flex-wrap: nowrap;
flex: 5; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
flex-wrap: nowrap;
position: relative;
cursor: pointer; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a a {
margin: 0 5px 0 0; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a i.um-faicon-caret-down {
display: inline; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a i.um-faicon-caret-up {
display: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a.um-member-directory-sorting-visible i.um-faicon-caret-down {
display: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a.um-member-directory-sorting-visible i.um-faicon-caret-up {
display: inline; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown {
top: 24px;
width: 200px;
left: -12px; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown li a[data-selected="1"] {
display: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: baseline;
flex-wrap: nowrap;
flex: 2;
text-align: right; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
flex-wrap: nowrap;
cursor: pointer; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a a {
margin: 0 5px 0 0; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a i.um-faicon-caret-down {
display: inline; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a i.um-faicon-caret-up {
display: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a.um-member-directory-filters-visible i.um-faicon-caret-down {
display: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a.um-member-directory-filters-visible i.um-faicon-caret-up {
display: inline; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search {
margin: 0;
width: 100%;
display: grid;
grid-template-rows: auto 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
grid-auto-rows: minmax(max-content, auto);
-ms-grid-template-rows: auto 1fr;
-ms-grid-template-columns: repeat(3, 1fr);
-ms-grid-gap: 10px;
-ms-grid-auto-rows: minmax(max-content, auto);
align-items: center; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
flex-wrap: nowrap;
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter .select2-container {
float: left;
width: 100% !important; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter .um-s1 {
width: 100%; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter .select2-container {
float: left;
width: 100% !important; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter .um-s1 {
width: 100%; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type {
flex-direction: column;
align-items: stretch; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider {
width: calc( 100% - 16px); }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider .ui-slider-range.ui-widget-header {
background: #44b0ec;
border: 1px solid #44b0ec !important;
margin-top: -1px; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider.ui-slider.ui-slider-horizontal {
border: 1px solid #ddd !important;
box-sizing: border-box;
margin: 4px 8px 0 8px; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider-range {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
flex-wrap: nowrap;
margin: 6px 0 0 8px;
font-size: 0.8em; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type, .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type {
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type {
flex-direction: column;
align-items: stretch; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider {
width: calc( 100% - 16px); }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider .ui-slider-range.ui-widget-header {
background: #44b0ec;
border: 1px solid #44b0ec !important;
margin-top: -1px; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider.ui-slider.ui-slider-horizontal {
border: 1px solid #ddd !important;
box-sizing: border-box;
margin: 4px 8px 0 8px; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider-range {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
flex-wrap: nowrap; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input, .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input {
width: calc( 50% - 5px);
margin: 0 5px 0 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input:nth-child(even), .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input:nth-child(even) {
margin: 0 0 0 5px; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search[style*="overflow: hidden;"] .um-search-filter {
pointer-events: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search.um-search-invisible {
display: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line {
flex-wrap: nowrap;
margin: 6px 0 0 8px;
font-size: 0.8em; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type, .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
flex-wrap: nowrap; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input, .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input {
width: calc( 50% - 5px);
margin: 0 5px 0 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input:nth-child(even), .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input:nth-child(even) {
margin: 0 0 0 5px; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search[style*="overflow: hidden;"] .um-search-filter {
pointer-events: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search.um-search-invisible {
display: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
flex-wrap: wrap;
margin: 0;
padding: 0;
box-sizing: border-box;
border: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
flex-wrap: wrap;
margin: 0;
padding: 0;
box-sizing: border-box;
border: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
margin: 0 10px 5px 0;
padding: 0 10px;
border-radius: 3px;
cursor: default;
background: #f1f1f1;
font-size: 13px; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag:first-child {
margin-left: 0; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove {
float: right;
display: inline-block;
margin-left: 10px;
cursor: pointer;
font-weight: bold;
font-size: 20px; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove:hover {
color: #a00; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-clear-filters {
display: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-clear-filters a {
padding: 3px 10px;
margin: 0 10px; }
align-items: center;
flex-wrap: nowrap;
margin: 0 10px 5px 0;
padding: 0 10px;
border-radius: 3px;
cursor: default;
background: #f1f1f1;
font-size: 13px; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag:first-child {
margin-left: 0; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove {
float: right;
display: inline-block;
margin-left: 10px;
cursor: pointer;
font-weight: bold;
font-size: 20px; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove:hover {
color: #a00; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-clear-filters {
display: none; }
.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-clear-filters a {
padding: 3px 10px;
margin: 0 10px; }
.um-directory .um-members-wrapper {
display: flex;
flex-direction: column;
+9 -1
View File
@@ -799,6 +799,7 @@ jQuery(document.body).ready( function() {
});
} else {
search_bar.slideDown({
duration: 250,
start: function() {
jQuery(this).css({
display: "grid"
@@ -806,7 +807,7 @@ jQuery(document.body).ready( function() {
obj.toggleClass('um-member-directory-filters-visible');
search_bar.parents('.um-member-directory-header-row').toggleClass('um-header-row-invisible');
}
}, 250 );
} );
}
});
@@ -1065,6 +1066,13 @@ jQuery(document.body).ready( function() {
um_members_show_preloader( directory );
um_ajax_get_members( directory, {first_load:true} );
if ( directory.find('.um-search').length ) {
if ( ! directory.find('.um-search').is(':visible') ) {
directory.find('.um-search').css({
display: "grid"
}).slideUp( 1 );
}
}
//slider filter
directory.find('.um-slider').each( function() {
+1 -1
View File
File diff suppressed because one or more lines are too long
+3 -2
View File
@@ -120,8 +120,9 @@ body
+flex( column, flex-start, stretch, nowrap )
width: 100%
.um-member-directory-header-row
+flex( row, flex-start, baseline, nowrap )
margin: 0 0 10px 0
&:not(.um-member-directory-filters-bar)
+flex( row, flex-start, baseline, nowrap )
margin: 0 0 10px 0
&.um-header-row-invisible
margin: 0
&.um-member-directory-search-row
+1 -1
View File
@@ -1778,7 +1778,7 @@ if ( ! class_exists( 'um\core\Fields' ) ) {
*/
function get_restricted_fields_for_edit( $_um_profile_id = false ) {
// fields that need to be disabled in edit mode (profile)
$arr_restricted_fields = array( 'user_email', 'username', 'user_login', 'user_password' );
$arr_restricted_fields = array( 'user_email', 'username', 'user_login', 'user_password', '_um_last_login' );
$arr_restricted_fields = apply_filters( 'um_user_profile_restricted_edit_fields', $arr_restricted_fields, $_um_profile_id );
return $arr_restricted_fields;
+1 -1
View File
@@ -284,7 +284,7 @@ if ( ( ( $search && $show_search ) || ( $filters && $show_filters && count( $sea
<# } #>
</script>
<div class="um-member-directory-header-row<?php if ( ! $filters_expanded ) { ?> um-header-row-invisible<?php } ?>">
<div class="um-member-directory-header-row um-member-directory-filters-bar<?php if ( ! $filters_expanded ) { ?> um-header-row-invisible<?php } ?>">
<div class="um-search um-search-<?php echo count( $search_filters ) ?><?php if ( ! $filters_expanded ) { ?> um-search-invisible<?php } ?>">
<?php $i = 0;
foreach ( $search_filters as $filter ) {