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

Add the shape lock button for mobile (#1054)

Browse source
This commit is contained in:
Sanghyeon Lee 2020-03-24 19:51:49 +09:00 • committed by GitHub
parent e38045ccad
commit 104e48b6cb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 43 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

35
src/components/ToolIcon.scss
View file

@ -106,12 +106,6 @@
}
.ToolIcon.ToolIcon__lock {
&.ToolIcon_type_button {
border-radius: 4px;
svg {
position: static;
}
}
&.ToolIcon_type_floating {
margin-left: 0.1rem;
}
@ -126,3 +120,32 @@
font-family: var(--ui-font);
user-select: none;
}
@media (max-width: 360px) {
.ToolIcon.ToolIcon__lock {
display: inline-block;
position: absolute;
top: 60px;
right: -8px;
margin-left: 0;
border-radius: 20px 0 0 20px;
background-color: var(--button-gray-1);
&:hover {
background-color: var(--button-gray-1);
}
&:active {
background-color: var(--button-gray-2);
}
.ToolIcon__icon {
width: 2.5rem;
height: 2.5rem;
border-radius: inherit;
}
svg {
position: static;
}
}
}