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

Redesign idea (#343)

Browse source 
* Redisign idea

* Code cleanup

* Fixed to right container

* Reoredered layout

* Reordering panels

* Export dialog

* Removed redunant code

* Fixed not removing temp canvas

* Fixed preview not using only selected elements

* Returned file name on export

* Toggle export selected/all elements

* Hide copy to clipboard button if no support of clipboard

* Added border to swatches

* Fixed modal flickering
This commit is contained in:
Timur Khazamov 2020-01-15 20:42:02 +05:00 • committed by Christopher Chedeau
parent 8104c8525d
commit 79aee53ff6
37 changed files with 1043 additions and 746 deletions
Download patch file Download diff file Expand all files Collapse all files

53
src/components/ToolIcon.scss Normal file
View file

@ -0,0 +1,53 @@
.ToolIcon {
display: inline-block;
position: relative;
}
.ToolIcon__icon {
background-color: #ddd;
width: 41px;
height: 41px;
display: flex;
justify-content: center;
align-items: center;
border-radius: var(--space-factor);
svg {
height: 1em;
}
}
.ToolIcon_type_button {
padding: 0;
border: none;
margin: 0;
font-size: inherit;
&:hover .ToolIcon__icon {
background-color: #e7e5e5;
}
&:active .ToolIcon__icon {
background-color: #bdbebc;
}
&:focus .ToolIcon__icon {
box-shadow: 0 0 0 2px steelblue;
}
}
.ToolIcon_type_radio {
position: absolute;
opacity: 0;
&:hover + .ToolIcon__icon {
background-color: #e7e5e5;
}
&:checked + .ToolIcon__icon {
background-color: #bdbebc;
}
&:focus + .ToolIcon__icon {
box-shadow: 0 0 0 2px steelblue;
}
}