mirror of
https://github.com/collinbarrett/FilterLists.git
synced 2026-03-11 09:04:27 +00:00
allow tags to vertically grow, start using module-scoped css
This commit is contained in:
parent
8f93fe1368
commit
4f2e2e7c36
5 changed files with 10 additions and 5 deletions
|
|
@ -1,6 +1,4 @@
|
|||
td > div,
|
||||
td > blockquote,
|
||||
td > p {
|
||||
td > * {
|
||||
/* limit table cells from wrapping more than 2 lines */
|
||||
/* https://stackoverflow.com/a/13924997/2343739 */
|
||||
/* https://stackoverflow.com/a/22042054/2343739 */
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
import { SubscribeButton } from './buttons';
|
||||
import { Description } from './Description';
|
||||
import { TagCloud } from './TagCloud';
|
||||
import { TagCloud } from './tagCloud';
|
||||
|
||||
export { SubscribeButton, Description, TagCloud };
|
||||
|
|
|
|||
|
|
@ -0,0 +1,3 @@
|
|||
.grow {
|
||||
max-height: none !important;
|
||||
}
|
||||
|
|
@ -1,5 +1,6 @@
|
|||
import { Tag } from 'antd';
|
||||
import * as React from "react";
|
||||
import styles from './TagCloud.module.css';
|
||||
|
||||
interface TagData {
|
||||
description: string;
|
||||
|
|
@ -12,7 +13,7 @@ interface Props {
|
|||
|
||||
export const TagCloud = (props: Props): JSX.Element | null => {
|
||||
return props.tags
|
||||
? <div>
|
||||
? <div className={styles.grow}>
|
||||
{props.tags.map((t: TagData, i: number) =>
|
||||
<Tag key={i} title={t.description}>{t.name}</Tag>)}
|
||||
</div>
|
||||
3
src/FilterLists.Web.V2/src/shared/tagCloud/index.ts
Normal file
3
src/FilterLists.Web.V2/src/shared/tagCloud/index.ts
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
import { TagCloud } from './TagCloud';
|
||||
|
||||
export { TagCloud };
|
||||
Loading…
Reference in a new issue