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

feat: redesign toolbar & tweaks (#4387)

Browse source
This commit is contained in:
David Luzar 2021-12-15 15:31:44 +01:00 • committed by GitHub
parent 390da3fd0f
commit 7db63bd397
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
16 changed files with 233 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/css/styles.scss
View file

@ -180,7 +180,7 @@
}
.buttonList label:focus-within,
input:focus {
input:focus-visible {
outline: transparent;
box-shadow: 0 0 0 2px var(--focus-highlight-color);
}
@ -190,14 +190,14 @@
user-select: none;
background-color: var(--button-gray-1);
border: 0;
border-radius: 4px;
border-radius: var(--border-radius-md);
margin: 0.125rem 0;
padding: 0.25rem;
white-space: nowrap;
cursor: pointer;
&:focus {
&:focus-visible {
outline: transparent;
box-shadow: 0 0 0 2px var(--focus-highlight-color);
}
@ -217,14 +217,16 @@
.active,
.buttonList label.active {
background-color: var(--button-gray-2);
background-color: var(--color-primary);
--icon-fill-color: #{$oc-white};
&:hover {
background-color: var(--button-gray-2);
background-color: var(--color-primary-darker);
}
&:active {
background-color: var(--button-gray-3);
background-color: var(--color-primary-darkest);
}
}
@ -234,7 +236,7 @@
justify-content: center;
align-items: center;
svg {
width: 36px;
width: 35px;
height: 14px;
padding: 2px;
opacity: 0.6;