Small fixes to filter placeholder.

This commit is contained in:
mateuswetah 2024-06-20 11:25:33 -03:00
parent 78a3274a30
commit 0a6b472398
2 changed files with 5 additions and 3 deletions

View File

@ -13,7 +13,7 @@
attached attached
:aria-close-label="$i18n.get('remove_value')" :aria-close-label="$i18n.get('remove_value')"
:aria-labelledby="'filter-label-id-' + filter.id" :aria-labelledby="'filter-label-id-' + filter.id"
:placeholder="filter.placeholder ? filter.placeholder : getInputPlaceholder()" :placeholder="filter.placeholder ? filter.placeholder : getInputPlaceholder"
check-infinite-scroll check-infinite-scroll
@update:model-value="($event) => { resetPage(); onSelect($event) }" @update:model-value="($event) => { resetPage(); onSelect($event) }"
@typing="search" @typing="search"

View File

@ -523,7 +523,8 @@ export default function({ attributes, setAttributes, isSelected, clientId }) {
} }
/> />
<ToggleControl <ToggleControl
label={__('Display filters horizontally', 'tainacan')} label={ __('Display filters horizontally', 'tainacan') }
help={ displayFiltersHorizontally ? __( 'Toggle to not show filters in an horizontal pane above the search control.', 'tainacan') : __( 'Toggle to show filters in an horizontal pane above the search control instead of a vertical sidebar. This layout fits better with select and textual input filters.', 'tainacan') }
checked={ displayFiltersHorizontally } checked={ displayFiltersHorizontally }
onChange={ ( isChecked ) => { onChange={ ( isChecked ) => {
displayFiltersHorizontally = isChecked; displayFiltersHorizontally = isChecked;
@ -532,7 +533,8 @@ export default function({ attributes, setAttributes, isSelected, clientId }) {
} }
/> />
<ToggleControl <ToggleControl
label={__('Hide filter collapses button', 'tainacan')} label={ __('Hide filter collapses button', 'tainacan') }
help={ __('Toggle to not display each filter label as a collapsable button. This is suggested when you have a small amount of filters.', 'tainacan') }
checked={ hideFilterColllapses } checked={ hideFilterColllapses }
onChange={ ( isChecked ) => { onChange={ ( isChecked ) => {
hideFilterColllapses = isChecked; hideFilterColllapses = isChecked;