smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix HintViewer positioning (#2124)

Browse source
This commit is contained in:
Danila 2020-08-31 14:13:34 +03:00 • committed by GitHub
parent 730a11e0a5
commit b215e165d2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/components/HintViewer.scss
View file

@ -1,22 +1,31 @@
@import "../css/_variables";
.HintViewer {
pointer-events: none;
box-sizing: border-box;
position: absolute;
display: flex;
justify-content: center;
left: 0;
top: 100%;
max-width: 100%;
width: 100%;
margin-top: 6px;
text-align: center;
color: $oc-gray-6;
font-size: 0.8rem;
left: 50%;
pointer-events: none;
position: absolute;
top: 54px;
transform: translateX(calc(-50% - 16px)); /* 16px is half of lock icon */
padding: 0.2rem 0.4rem;
white-space: pre;
text-align: center;
background-color: var(--overlay-background-color);
border-radius: 4px;
@media (min-width: 1200px) {
white-space: pre;
}
@media #{$media-query} {
position: static;
transform: none;
margin-top: 0.5rem;
}
> span {
padding: 0.2rem 0.4rem;
background-color: var(--overlay-background-color);
border-radius: 4px;
}
}