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

Make dialogs look better on mobile (#908)

Browse source 
* Standardize mobile media query

* Refactor & add mobile support to dialogs

* back & close icons
This commit is contained in:
Jed Fox 2020-03-13 15:32:47 -04:00 • committed by GitHub
parent c85315650f
commit 668f8ec4a6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 328 additions and 201 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/components/HintViewer.scss Normal file
View file

@ -0,0 +1,23 @@
@import "../_variables";
.HintViewer {
color: #868e96; /* 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 */
@media #{$media-query} {
position: static;
transform: none;
margin-top: 0.5rem;
text-align: center;
}
> span {
background-color: rgba(255, 255, 255, 0.88);
padding: 0.2rem 0.4rem;
border-radius: 3px;
}
}