kylefang/react
1
0
Fork 0
mirror of https://github.com/zhigang1992/react.git synced 2026-02-03 22:43:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(popover-item): the whole item should be clickable when using with link (#345)

Browse Source
This commit is contained in:
Zhao Lei
2020-07-24 17:48:25 +08:00
committed by GitHub
parent 2fbdf1cac6
commit c5b437a033
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/popover/popover-item.tsx
View File

@@ -39,7 +39,6 @@ const PopoverItem: React.FC<React.PropsWithChildren<PopoverItemProps>> = ({
line-height: 1.25rem;
text-align: left;
transition: color 0.1s ease 0s, background-color 0.1s ease 0s;
width: max-content;
}
.item:hover {
@@ -50,6 +49,12 @@ const PopoverItem: React.FC<React.PropsWithChildren<PopoverItemProps>> = ({
margin: 0;
}
.item > :global(.link) {
width: 100%;
padding: 0.5rem ${theme.layout.gap};
margin: -0.5rem -${theme.layout.gap};
}
.item.line {
line-height: 0;
height: 0;