marcel/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-09-08 10:07:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

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