maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-29 05:00:43 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

More space for text: n results. And some baselining

Browse source
This commit is contained in:
Vesa Luusua 2018-02-20 10:44:45 +02:00
parent 4f8f6c61d3
commit 3a168b882d
2 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/SearchFilters/SearchFilters.css
View file

@ -18,5 +18,13 @@
@apply --marketplaceH4FontStyles;
line-height: 20px;
margin-top: 11px;
margin-bottom: 13px;
margin-bottom: 10px;
/* parent uses flexbox: this defines minimum width for text "6 results" */
flex-basis: 55px;
flex-shrink: 0;
}
.resultsFound {
white-space: nowrap;
}

4
src/components/SearchFilters/SearchFilters.js
View file

@ -34,7 +34,9 @@ const SearchFiltersComponent = props => {
const loadingResults = <FormattedMessage id="SearchFilters.loadingResults" />;
const resultsFound = (
<FormattedMessage id="SearchFilters.foundResults" values={{ count: resultsCount }} />
<span className={css.resultsFound}>
<FormattedMessage id="SearchFilters.foundResults" values={{ count: resultsCount }} />
</span>
);
const noResults = <FormattedMessage id="SearchFilters.noResults" />;