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

Enhance language selection (#538)

Browse source 
* Enhance language selection

* remove top/left margin to limit unusable canvas area

Co-authored-by: David Luzar <luzar.david@gmail.com>
This commit is contained in:
Faustino Kialungila 2020-01-24 19:10:44 +01:00 • committed by GitHub
parent ee68af0fd3
commit 54f9c296b5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 43 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/styles.scss
View file

@ -184,29 +184,35 @@ button {
}
}
.langBox {
.language-select {
position: absolute;
right: 0;
bottom: 0;
min-width: 5.5rem;
height: 2rem;
margin-bottom: 0.5em;
margin-right: 0.5em;
ul {
margin: 0;
padding: 0;
padding: 0.5em;
background-color: #e9ecef;
border-radius: var(--space-factor);
border: none;
font-size: 0.8em;
outline: none;
appearance: none;
background-image: url("https://free-use.s3-us-west-2.amazonaws.com/up-sort.svg");
background-repeat: no-repeat;
background-position: right 0.7em top 50%, 0 0;
background-size: 0.65em auto, 100%;
&:focus {
box-shadow: 0 0 0 2px #a5d8ff;
}
ul > li {
list-style: none;
display: inline-block;
padding: 4px;
&:hover {
background-color: #ced4da;
}
li > a,
li > a:visited {
text-decoration: none;
color: gray;
font-size: 0.8em;
}
li.current > a,
li.current > a:visited {
color: black;
text-decoration: underline;
&:active {
background-color: #ced4da;
}
}