prehistoric-systems/FilterLists
1
0
Fork 0
mirror of https://github.com/collinbarrett/FilterLists.git synced 2026-03-11 09:04:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add tag line breaks

Browse source 
ref #65
This commit is contained in:
Collin M. Barrett 2018-09-03 10:13:08 -05:00
parent 36d1b5e792
commit d2f0b82558
2 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/FilterLists.Web/ClientApp/components/Home.tsx
View file

@ -98,7 +98,7 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
filterMethod: (filter: any, row: any) => row[filter.id].map((e: any) => e.name).join()
.toUpperCase().includes(filter.value.toUpperCase()),
sortMethod: (a: any, b: any) => a.join().toUpperCase() > b.join().toUpperCase() ? 1 : -1,
Cell: (cell: any) => <div>{cell.value.map(
Cell: (cell: any) => <div className="fl-tag-container">{cell.value.map(
(e: any) => <span className="badge" style={{
backgroundColor: `#${e.colorHex}`,
color: ListDetails.getContrast(`${e.colorHex}`)

5
src/FilterLists.Web/ClientApp/css/site.css
View file

@ -7,6 +7,11 @@ body, h2, h3, h4, h5, blockquote { font-size: 16px; }
align-items: center;
}
.fl-tag-container {
line-height: 1;
white-space: normal;
}
div.rt-tbody, div.rt-thead.-filters, div.rt-thead.-header { min-width: 320px !important; }
.fl-btn-details-action {