roleypoly/v1
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly-v1.git synced 2025-04-28 21:49:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add tooltip

Browse source
This commit is contained in:
41666 2019-03-21 03:17:50 -05:00
parent def2b0d2a3
commit 4b6e6f194b
1 changed files with 22 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
ui/components/tooltip.js Normal file
View file

@ -0,0 +1,22 @@
import styled from 'styled-components'
import MediaQuery from '../kit/media'
export default styled.div`
position: absolute;
bottom: 35px;
font-size: 0.9em;
background-color: rgba(0,0,0,0.50);
padding: 5px;
color: var(--c-red);
border-radius: 3px;
border: 1px black solid;
z-index: 10;
opacity: 0.99;
overflow: auto;
pointer-events: none;
/* max-width: 50vw; */
white-space: normal;
${() => MediaQuery({ md: `
white-space: nowrap; `
})}
`