Web: Components: fixed tooltip README.md, fixed tooltip pointer-event, fixed calendar style
This commit is contained in:
parent
38bfd6e5d6
commit
d942aa5452
@ -8,7 +8,7 @@ const StyledDay = styled.div`
|
||||
display: flex;
|
||||
flex-basis: 14.2857%; /*(1/7*100%)*/
|
||||
text-align: center;
|
||||
line-height: 33px
|
||||
line-height: 33px;
|
||||
user-select: none;
|
||||
${props =>
|
||||
props.size === "base" ? "margin-top: 3px;" : "margin-top: 7.5px;"}
|
||||
|
@ -24,9 +24,9 @@ import { Tooltip, IconButton, Text } from "asc-web-components";
|
||||
<Tooltip
|
||||
id="tooltipContent"
|
||||
getContent={dataTip => <Text.Body fontSize={13}>{dataTip}</Text.Body>}
|
||||
effect={select("effect", arrayEffects, "float")}
|
||||
place={select("place", arrayPlaces, "top")}
|
||||
maxWidth={number("maxWidth", 320)}
|
||||
effect="float"
|
||||
place="top"
|
||||
maxWidth={320}
|
||||
/>
|
||||
|
||||
```
|
||||
|
@ -13,6 +13,7 @@ const TooltipStyle = styled.div`
|
||||
-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.13);
|
||||
opacity: 1;
|
||||
padding: 16px;
|
||||
pointer-events: auto;
|
||||
|
||||
max-width: ${props => (props.maxWidth ? props.maxWidth + "px" : `340px`)};
|
||||
|
||||
@ -60,7 +61,7 @@ class Tooltip extends Component {
|
||||
bottom: offsetBottom,
|
||||
left: offsetLeft
|
||||
}}
|
||||
wrapper="span"
|
||||
wrapper="div"
|
||||
/>
|
||||
</TooltipStyle>
|
||||
);
|
||||
|
Loading…
Reference in New Issue
Block a user