Web: Components: fixed tooltip README.md, fixed tooltip pointer-event, fixed calendar style

This commit is contained in:
Nikita Gopienko 2019-10-10 14:46:12 +03:00
parent 38bfd6e5d6
commit d942aa5452
3 changed files with 6 additions and 5 deletions

View File

@ -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;"}

View File

@ -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}
/>
```

View File

@ -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>
);