sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added outlines to focused buttons (#129)

Browse Source
This commit is contained in:
Timur Khazamov 2020-01-05 01:08:27 +05:00 committed by Christopher Chedeau
parent 1ef66441c3
commit 34b8883739
1 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/styles.scss
View File

@ -46,8 +46,13 @@ body {
} }
.tool { .tool {
position: relative;
input[type="radio"] { input[type="radio"] {
display: none; position: absolute;
opacity: 0;
width: 0;
height: 0;
} }
input[type="radio"] { input[type="radio"] {
@ -69,6 +74,9 @@ body {
&:checked + .toolIcon { &:checked + .toolIcon {
background-color: #bdbebc; background-color: #bdbebc;
} }
&:focus + .toolIcon {
box-shadow: 0 0 0 2px steelblue;
}
} }
} }
@ -89,6 +97,11 @@ input[type="color"] {
input { input {
margin-right: 5px; margin-right: 5px;
&:focus {
outline: transparent;
box-shadow: 0 0 0 2px steelblue;
}
} }
button { button {
@ -97,7 +110,11 @@ button {
border-radius: 4px; border-radius: 4px;
margin: 2px 0; margin: 2px 0;
padding: 5px; padding: 5px;
outline: none; outline: transparent;
&:focus {
box-shadow: 0 0 0 2px steelblue;
}
&:hover { &:hover {
background-color: #e7e5e5; background-color: #e7e5e5;